How to add a property to reactive object VueJS 3?

Question

export default {
  setup() {
    const imageUrl = ref("");
    const title = ref("");
    const description = ref("");
    var source = "Global";

    const form = reactive({
      title: "",
      description: "",
      // src: source,
    });
    //...
  }
}

How do I add src: "source" (a new property) to form (the reactive object)? Like how we append on ref.

tony19 · Accepted Answer · 2022-05-29 23:59:44Z

3

You can assign the field directly via form.src = source. For example, you could have a function that does this:

const addSourceToForm = () => form.src = source

And you can call that function later, e.g., from a button click:

<button @click="addSourceToForm">Add source</button>

demo

answered May 29, 2022 at 23:59

tony19

140k23 gold badges281 silver badges354 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add a property to reactive object VueJS 3?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related