el-table可编译时数据不更新

在el-table做成可编译引用场景中发现了这样的问题,当控制当前行的编译值为true时,table没有切成编译状态,只有鼠标放上去的时候,才会切成编译的状态。

一开始的时候table没有切成编译状态, 代码如下

1 edit(index, row) {
2    this.$set(this.extractTableData[index], 'edit ', true);
3 },           

后来通过反复实践发现必须要替换table该行数据才行,后面采用了这种写法,代码如下:

edit(index, row) {
    row.edit = true;
    this.extractTableData.splice(index,1,row);
},

感觉是因为:el-table的data属性更新没有被vue框架的更新规则检测到,只有el-table的data一整条数据变化才会被检测到。

posted @ 2021-03-10 17:49  布条麻绳  阅读(401)  评论(0)    收藏  举报