vue 当数据改变时,页面没有发生变化

如果出现当数据改变的时候页面并没有重新渲染,遇到这种情况一般是以下几种情况:

1.  data 数据里是数组类型的数据,然后数据改变的时候是这么操作

this.myList[2] = 'update'

这样写vue监听不到数据改变,应改用 splice 这种.

this.myList.splice(1)

2. 在初始化数据时,date里没有这个属性。是动态添加的。

this.$set(vm.items, key, newValue)

如果再有一些莫名奇妙的不渲染情况,也可以这样操作

        this.updata = false;
        this.$nextTick(() => {
          this.updata = true;
        });
强制刷新

这种方法不建议使用,性能不太好。

你可能感兴趣的:(vue 当数据改变时,页面没有发生变化)