【问题标题】:Vue V:model create object dynamicallyVue V:模型动态创建对象
【发布时间】:2019-08-30 02:53:22
【问题描述】:

我目前有:

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

我该怎么做?

【问题讨论】:

  • 你用错了v-model,是v-model="search.field"vuejs.org/v2/guide/forms.html
  • 那没有用,它只是做了field: ''
  • v-model="search[field]" 成功了!

标签: object vue.js dynamic v-model


【解决方案1】:

在做:

v-model="search[field]"

帮我搞定了

【讨论】:

    猜你喜欢
    • 2017-02-27
    • 1970-01-01
    • 2021-09-24
    • 1970-01-01
    • 2015-04-27
    • 2019-10-20
    • 1970-01-01
    • 2012-09-07
    • 1970-01-01
    相关资源
    最近更新 更多