视图不改变"/>
vue data数据更改后vie视图不改变
背景:在vue开发中会遇到data数据更改后view试图不会进行响应式更新的情况
以下4种情况不触发vue响应式更新!!
不能检测到的数组变动是:
1、当利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue;
2、当修改数组的长度时,例如:vm.items.length = newLength;
不能检测到的对象变动是:
3、向响应式对象添加属性;
4、向响应式对象删除属性;
解决方法:
数组
arry[index]=xxx;//无效 不触发改为this.$set(arry, index, xxx);
对象解决方法
let that=this,obj1,newObj;obj1={sex:"男"};newObj=Object.assign(that.oneTeacher,obj1); //无效,并未替换原有对象this.$set(obj1,'sex','女') orthat.oneTeacher=Object.assign({},that.oneTeacher,obj1);
更多推荐
vue data数据更改后vie视图不改变
发布评论