el-table动态添加可输入行的问题

el-table动态添加可输入行的问题

问题如下:
el-table动态添加可输入行的问题_第1张图片
代码:

data() {
    return { enumConfig, failedTableData: [], originFailedObj: { failedName: "", failedResult: "", failedBase: "" } };
  },
  methods: {
    // 添加一条不合格项目
    fnAdd() {
      this.failedTableData.push(this.failedTableData);
    }
  }

解决方案:

fnAdd() {
      const obj = { failedName: "", failedResult: "", failedBase: "" };
      this.failedTableData.push(obj);
    }

解析:
data中的数据格式是__ob__格式,也就是可观察数据,被监听数据,每次都添加data中的同一个变量,那么就会出现如上问题。
改成从新定义obj后,每次都是一个全新的数据,就不存在该问题了。
这也是为什么说不是所有的数据都建议放在data中的一个案例

你可能感兴趣的:(el-table,el-table)