Vue V:model 动态创建对象

Question

我目前有：

<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>

这个 div 使用 v-for 加载数据这个对象有一个我希望能够在我的 v-model 内部使用的密钥，在我的数据所在的位置，在我的数据中我有：

data(){
    search: {}
}

我想根据通过 v-for

传递的数据在 search 中创建对象

现在如果我这样做

:v-model="search.field = field" 我得到：

field: "BillingCity"

但我希望它是：

BillingCity: "Whatever input from the form here"

我该怎么做？

Answer 1

正在做：

v-model="search[field]"

对我有用

Vue V:model 动态创建对象

Vue V:model create object dynamically

object

vue.js

dynamic

v-model