vue,数据层次嵌套太深导致视图不跟新问题(v-for循环的数组)

问题:
在项目中这个数据是这样嵌套的

      json: {
        type: ' ',
        agentList: [
          {
          name: '',
            id: ''
           },
        ]
      },

需要json.agentList 进行数据循环 ,点击删除的时候就删除其中一个数据

          
>

操作删除使用了splice 删除json.agentList中一条数据 ,数据删除了,但是视图就是不更新

let index = this.json.agentList.findIndex(el => {
          return el.name == item.name
        })
        this.json.agentList.splice(index, 1)

解决
添加一句 this.$forceUpdate() 解决了刷新问题

let index = this.json.agentList.findIndex(el => {
          return el.name == item.name
        })
        this.json.agentList.splice(index, 1)

      this.$forceUpdate()

你可能感兴趣的