v-model在vuejs2中不起作用

时间:2018-03-31 12:08:36

标签: vuejs2

我有一个form字段,如下所示

<input type="text" :value="addressObj.name" v-model="dname">

它不起作用。但是下面的代码正在运行

<input type="text" :value="addressObj.name">

我有data(),如下所示

data() {
     return  { 
        dname: '',
     }
},

我在这里迭代addressObjaddressObj.name是该addressObj个对象的值。当我添加v-model="dname"时,它正在创建问题。我对addressObj.name没有任何问题。

为什么v-model无法在这里工作?

1 个答案:

答案 0 :(得分:1)

首先要做的事情是:您无法同时使用:valuev-modelv-model将始终具有优先权。

你能做的是这样的事:https://jsfiddle.net/sx0yjge2/5/

或者,如果您不需要附加模型:https://jsfiddle.net/sx0yjge2/3/