Vue数据更新问题

Question

数据更新了，视图不变化

代码链接

Answer 1

created() {
    this.goodsParamList.forEach((item) => {
      this.$set(item, 'selectedIndex', 0)
    })
},

再不行

上面的，再加下面的

methods: {
    changeSpec(index, specIndex, item) {
      this.$set(this.goodsParamList[index], 'selectedIndex', specIndex);
      this.forceUpdate();
    },
  }

Answer 2

 methods: {
    changeSpec(index, specIndex, item) {
        const curItem = this.goodsParamList[index];
        curItem.selectedIndex = specIndex;
        
        this.$set(this.goodsParamList, index, curItem);
        // 或 this.goodsParamList.splice(index, 1, curItem);
    },
  }

Answer 3

没在data中预定义的变量没有响应式，页面不会同步刷新，可以使用vue.$set方法；

也可以使用vue.forceUpdate()强制刷新；

Answer 4

用Vue.$set()