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

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

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

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

          <div class="form-item validate dis-flex flex-center" v-for="item in json.agentList" :key='item.id'>
            <label class="label validate">{{ item.type==1 ?'委托代理人：' :'法定/指定代理人：'}}</label>>
          </div>

操作删除使用了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()