vue操作数组里的某个对象里的数组中某一项，试图不更新

需求：

删除扫码中tab下的某个订单下的某个底板

数据结构如图：

箭头就是要操作的地方，即删除dtlList数组中的某一项

// 删除方法：
// this.dataList2为扫码中tab下全部数据，index 为tab下索引
this.dataList2[index].dtlList.splice(newIndex, 1);  // 删除某一项
if (this.dataList2[index].dtlList == null) {
  this.dataList2[index].dtlList = [];
}

// 1、使用this.$nextTick()更新试图（不成功）
this.$nextTick(() => {
  this.dataList2[index].dtlList
})

// 2、使用 this.$set() 更新试图 （不成功）
this.$set(this.dataList2[index], newIndex, this.dataList2[index].dtlList)

// 3、刷新当前tab （可以实现，数据多的时候会影响性能，不建议使用）
this.getData (1) // 初始化当前tab

// 4、使用 Object.assign（） 只刷新当前操作的数据，完美解决
this.dataList2 = Object.assign([], this.dataList2)

使用.splice()操作数据是成功了，但是试图始终不刷新，所以就遇到了这么多坑。

2021.01.08 今天的广州好冷，但我依然在路上。