小码问答,有问必答!

el-table表格中@expand-change展开表格行中的数据不能立刻更新,第二次展开其中数据才更新

WEB前端

收藏

1个回答

我要回答

  • author
    牛叔叔 2021-03-05 15:25

    在ElementUI中,这个表格展开更新和数据中的原始值有关。

    可以将表格每一行的数据中加上原始数据属性,这样在展开代码中更新数据,界面就可以即时更新了。

    具体代码:

    在表格数据获取后对每一行添加展开数据属性,但是内容为空:

    list.forEach(element => {
                    element.courses = [];
                    element.userinfos = [];
                });


    这样在你更新数据的时候,这些展开项中的数据就会立刻刷新显示了。