vue 解决form里面el-table的row里面属性的变化页面不渲染的问题

前言

在做提交数据提交数组对象的时候，用于展示数组对象的el-table里面对象数据修改后页面没有重新渲染.

所以后面使用了vue.$set()方法解决了问题

 

this.$set 方法是 Vue.js 框架提供的一个实用函数，用于在对象或数组上添加新属性或修改已有属性。在 el-table 组件中，可以使用 $set 方法来更新表格数据中的某一行或列的值。

以下是使用 $set 方法更新表格数据中某一行的示例代码：

this.$set(tableData, rowIndex, newRowData);

其中，tableData 是一个数组，表示表格的数据源；rowIndex 是要更新的行的索引；newRowData 是包含新数据的对象，它将替换原始数据。

类似地，如果要更新表格数据中某一列的值，可以使用 $set 方法来修改每一行中该列的属性值。

this.tableData.forEach(row => {
  this.$set(row, colIndex, newColData);
});

其中，colIndex 是要更新的列的索引；newColData 是包含新数据的对象，它将替换原始数据。通过遍历表格数据中的每一行，使用 $set 方法来更新指定列的数据。