<el-table>里的数据已经修改了,但是页面不更新
问题:使用<el-table>里的文本框赋值后,table里是数据不更新
解决:
// 页面不更新的解决: 数据转化以下,仅以下两行!!!!!! let dataArrTemp = JSON.stringify(this.form.product_bom); this.form.product_bom= JSON.parse(dataArrTemp);
以下自用的
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
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);