关于vue.js:vue数据层次嵌套太深导致视图不跟新问题vfor循环的数组

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

      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()