vue 双向绑定 数据修改但页面没刷新
在数据改动的代码后加
this.$forceUpdate();
若是在某个特定方法中
则将this改为方法中设定的名称
补充:
有时候可能会出现以上的方法也无法使页面刷新时,即可能是因为双向数据绑定中,监听未生效
例如,改变了数组中的某一项或者改变了对象中的某个元素时,监听则未生效。
出现这种改变数组或对象的情况时,则需要用一些非常的手段
数组若要触发监听,则有一些方法即可触发
如:splice() push() 等js方法
当然了,也可以使用vue中的方法 this.$set(object, index, new)
this.$set()方法是vue自带的可对数组和对象进行赋值,并触发监听的方法。
第一个参数为你要改变的数组或对象
第二个参数为下标,或者元素名称
第三个参数为新值
完毕!