zoukankan      html  css  js  c++  java
  • vue表格绑定数据中的值发生改变时,表格未刷新

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

    当处理编辑时,因为又涉及到数据比较 去重等问题,导致正常的一处理出现了问题,通过深拷贝实现表格中一行数据的处理后 发现页面上未更新最新的数据 但是控制台输出的数据确是已修改,为此查找了一些方法,经试验,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)
     
    注:针对类似表格这种更新数据的 直接赋值具体的行数据不会使视图发生变化
     
    如上就是操作代码
  • 相关阅读:
    第一章复习(已完结)
    复习——第二章(施工完成,哪里总结的不全或是有问题欢迎指出)
    实验九
    实验五
    实验四
    实验三
    实验二
    实验一
    汇编语言第二章
    【C# 大写金额转阿拉伯数字】大写金额转数值
  • 原文地址:https://www.cnblogs.com/bm20131123/p/15421680.html
Copyright © 2011-2022 走看看