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

399 阅读1分钟

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

  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;
    });