Vue数据发生变化但是页面没有更新
vue数据变化但是视图没有更新的解决方案
·
1.watch或者computed监听到数据的变化但是页面却没有实时更新
在数据改动的代码后加 this.$forceUpdate()。
添加 this.$forceUpdate();进行强制渲染,效果实现。因为数据层次太多, render函数没有自动更新,需手动强制刷新。
2.没有监听到数据的变化
例如:改变了数组中的某一项或者改变了对象中的某个元素时,监听则未生效。
数组若要触发监听,下面方法即可触发
如: splice(),push() 等js方法
当然了,也可以使用vue中的方法 this.$set(object, index, new)
this.$set()方法是vue自带的可对数组和对象进行赋值,并触发监听的方法。
第一个参数为你要改变的数组或对象
第二个参数为下标,或者元素名称
第三个参数为新值
更多推荐
已为社区贡献2条内容
所有评论(0)