前端的ElementUI表格里面的编辑前后的值的获取

Posted 2022-08-09 指导毕业设计Monkey

文章目录

• • • 1.点击修改按钮获取之前的值：
    • 2.在修改事件里面进行获取值
    • • 注意不可以直接 this.oldRow = row
    • 3. 保存的时候获取新的值和旧的值
    • 4. 使用的打印看看，原来的表格里面的没有编辑的值，和修改之后的值。

1.点击修改按钮获取之前的值：

2.在修改事件里面进行获取值

注意不可以直接 this.oldRow = row

    // 修改功能
    UpdateHandle(row) 
      // 功能代码

      this.oldRow = JSON.parse(JSON.stringify(row));
      console.log(this.oldRow.rscdno);
      row.disabled = false;
      this.moreButton = false;
    ,

3. 保存的时候获取新的值和旧的值

 // 保存
    saveHandle(row, index, id) 

      this.repeatHscodeSelectByLccc(row);

      this.nums = "";
      console.log(this.oldRow.rscdno,"rscdno----------");
      //把之前的老的 hscode 和 rscdno保留下来
      let newrow =  ...row, disabled: true,oldRscdno:this.oldRow.rscdno,oldHscode:this.oldRow.hscode;

加到这个 newrow对象里面。

4. 使用的打印看看，原来的表格里面的没有编辑的值，和修改之后的值。

  console.log(this.oldRow.rscdno,"rscdno----------");