最近在做一个页面交互时,涉及到的层级比较深,数组中含有数组,页面中一层循环,二层循环中展示表格数据,然后在开发过程中,出现了新增,编辑,详情等情况 

当处理编辑时,因为又涉及到数据比较 去重等问题,导致正常的一处理出现了问题,通过深拷贝实现表格中一行数据的处理后 发现页面上未更新最新的数据 但是控制台输出的数据确是已修改,为此查找了一些方法,经试验,Vue.set可以实现表格数据更新

调用方法:Vue.set( target, key, value )
target:要更改的数据源(可以是对象或者数组)
key:要更改的具体数据(在数组中,写下标;初始用时未能领悟,直接将当前数组赋值,导致实验失败)
value :重新赋的值
 
 let artificers = this.orgWorkstationVos[this.curIndex].orgWorkstationArtificerVos
 let orgWorkstationVos =this.orgWorkstationVos
 Vue.set(artificers,this.rowIndex, data)
 
注:针对类似表格这种更新数据的 直接赋值具体的行数据不会使视图发生变化
 
如上就是操作代码