Vue后期模型初始化

时间:2017-07-14 11:49:29

标签: javascript vue.js vuejs2

说我有以下输入我想绑定到一个尚不存在的模型

<input type="number" v-model="emptyObject.model"/>

创建Vue实例之前emptyObject: {}中存在data,但它是空的。由于用户操作(例如,单击),模型emptyObject.model会在某些方法中添加到对象中。问题是,如果模型迟到,模型就不会被反应。我注意到,如果我在创建Vue实例之前将其添加到emptyObject,它只会被反应。在Vue中不可能将任何内容绑定到data对象中没有的模型吗? Angular可以处理它,所以我也认为Vue。

1 个答案:

答案 0 :(得分:1)

您应该阅读Change Detection Caveats

如果您未在data对象中预先指定每个反应属性,则需要使用Vue.set稍后添加该属性。