vue2.0 vue.set()的使用
2018-11-07 16:42
246 查看
受 ES5 的限制,Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的。
因此,当我们想要在data中或者data中的对象添加新的属性时,我们需要使用vue.set(),否则是无法触发视图更新的。
data () { return { test: { age: 24, sex: 'man' } } }, methods: { addNewAttribute() { this.test.aaa = 'newAttribute' }, changeAttribute() { this.test.age = 20 } }
直接使用对象添加属性方法是不行的
只能够更改已有属性
所以要使用vue.set()方法
this.$set(this.test, ‘aaa’ , ‘newAttribution’)
ok!
相关文章推荐
- vue.js $set的使用 数组
- Vue2.0中使用set方法
- vue.js中使用set方法
- vue.js中使用set方法
- vue2.0开发入门笔记之.vue文件的生成和使用
- Vue.set和Vue.delete属性的简单使用
- 使用vue2.0 vue-router vuex 模拟ios7操作
- Vue2.0 心法 ==> 第六层:vue2.0 中使用sass语法
- 使用vue2.0 vue-router vuex 模拟ios7操作
- Vue2.0 Vue.set的使用
- 使用vue2.0 vue-router vuex 模拟ios7操作
- vue.js中使用set方法
- 【vue2.0】解决使用vue-cli生成项目后项目地址自动添加#号的问题
- 使用 vue 1.0.3 $set 函数遇到的坑
- vue2.0总结 --- vue使用过程中的常见问题
- Vue中使用set方法过程的一个小发现
- Vue中使用set方法过程的一个小发现
- windows环境变量 set使用
- 通过npm引用的vue组件使用详解
- 学习如何使用Vue