<el-table>里的数据已经修改了,但是页面不更新

问题:使用<el-table>里的文本框赋值后,table里是数据不更新

解决:

 // 页面不更新的解决: 数据转化以下,仅以下两行!!!!!!
        let dataArrTemp = JSON.stringify(this.form.product_bom);
        this.form.product_bom= JSON.parse(dataArrTemp);

 

以下自用的

html部分:
<el-table-column label="分类" min-width="120">
  <template slot-scope="scope">
    <span v-if="scope.row.name">{{scope.row.name}}</span>
    <el-input
      v-else
      v-model="scope.row.name"
      :disabled="disabled"
      class="pointer"
      @focus="handleMaterielDialogs(scope.row, scope.$index)"
      suffix-icon="el-icon-zoom-in"
    ></el-input>
  </template>
</el-table-column>

js:部分

        // 获取到index
        handleMaterielDialogs(row, index) {
              this.thatRowIndex = index;
        },

        // 值带页面上
        this.form.bom[this.thatRowIndex] = Object.assign(
          {},
          this.activeList3[0],
          { count: this.form.bom[this.thatRowIndex].count * 1 }
        );


        // 页面不更新的解决: 数据转化以下,仅以下两行!!!!!!
        let dataArrTemp = JSON.stringify(this.form.bom);
        this.form.bom= JSON.parse(dataArrTemp);