当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;
例如vue实例:
var addVue = new Vue({
el: '#mui-content',
data: {
device: {
name: "1234",
}
}
});
需要在这个实例中添加新的属性type,
1、通过Vue.set方法设置data属性,如上:
Vue.set(device,"type",device.type)
2、您还可以使用 vm.$set实例方法,这也是全局 Vue.set方法的别名:
var device= addVue.$data.device;
device.type = type.name;
addVue.$set(device,"type",device.type); // 添加新的属性
addVue.$forceUpdate(); // 手动刷新