vue学习之-----视图不更新情况总结

1、所有你需要实现响应式更新的属性,都必须在data对象上存在才能实时更新

 vue学习之-----视图不更新情况总结

2、在对象上添加本没有的属性,并改变该属性,不会被响应

例如:上面的例子中,this.obj.phoneNumber=‘15467893526‘----------不会更新

解决办法:this.$set(this.obj,‘phoneNumber‘,‘15467893526‘)

3、在数组中使用索引设置数组项,不会被响应

例如:上面的例子中,this.info[0]=‘666‘--------------不会更新

解决办法:this.$set(this.info, 0, ‘666‘)

4、Vue 在更新 DOM 时是异步执行的

如果你在改变了某个渲染元素的数据,之后马上获取这个元素的值,会发现没有更新

vue学习之-----视图不更新情况总结

 

 解决办法:this.$nextTick(callback),回调函数callback将在 DOM 更新完成后被调用,就不会报错了

 

vue学习之-----视图不更新情况总结

上一篇:如何使用PS制作杨幂双胞胎效果 photoshop实例教程


下一篇:怀念逝去的青春