Vue V:model create object dynamically

Question

I currently have:

<div id="fields" v-for="(key, field) in ui.account.search_field_url_map" v-bind:key="field.stageName">
   <h2>{{meta.account[field]}}</h2> 
   <input type="text" :v-model="search.field = field" :name="field" placeholder="John">
</div>

This div loads data with v-for this object has a key that I want to be able to use inside of my v-model where data is, inside my data I have:

data(){
    search: {}
}

I want to create objects inside of search based on the data that is being passed through the v-for

Right now if I do

:v-model="search.field = field" I get:

field: "BillingCity"

But I want it to be:

BillingCity: "Whatever input from the form here"

How can I do this?

You're using v-model wrong, it is v-model="search.field" vuejs.org/v2/guide/forms.html — Eyeslandic
– Eyeslandic, Commented Apr 8, 2019 at 22:53

Kevin H · Accepted Answer · 2019-04-08 23:36:25Z

2

Doing:

v-model="search[field]"

did the trick for me

answered Apr 8, 2019 at 23:36

Kevin H

1,4194 gold badges22 silver badges43 bronze badges

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

Collectives™ on Stack Overflow

Vue V:model create object dynamically

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