vue 双向绑定 数据修改但页面没刷新

在数据改动的代码后加

this.$forceUpdate();

若是在某个特定方法中

则将this改为方法中设定的名称

补充:

有时候可能会出现以上的方法也无法使页面刷新时,即可能是因为双向数据绑定中,监听未生效

例如,改变了数组中的某一项或者改变了对象中的某个元素时,监听则未生效。

出现这种改变数组或对象的情况时,则需要用一些非常的手段

数组若要触发监听,则有一些方法即可触发

如:splice()   push() 等js方法

当然了,也可以使用vue中的方法 this.$set(object, index, new)


this.$set()方法是vue自带的可对数组和对象进行赋值,并触发监听的方法。

第一个参数为你要改变的数组或对象

第二个参数为下标,或者元素名称

第三个参数为新值

完毕!

你可能感兴趣的:(vue 双向绑定 数据修改但页面没刷新)