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

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;
    },

1
2
3
4
5
6
7
8
9
10

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};
1
2
3
4
5
6
7
8
9

加到这个 newrow对象里面。

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

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