在写树形表格的时候我发现没有办法动态展开和收起表格,在动态修改default-expand-all的时候值发生改变了,但是页面并未有任何改变,很是惆怅。
表格部分.png
<el-table
v-if="refreshTable" //重新渲染表格
ref="userLevel"
:data="userList"
style="width: 100%;margin-bottom: 20px;"
row-key="id"
border
lazy
:load="load"
size="small"
:default-expand-all="expands" //是否展开
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
>
handleOpen() { //展开
this.refreshTable = false;
this.expands = true;
this.$nextTick(() => {
this.refreshTable = true;
});
},
handleClose() { //收起
this.refreshTable = false;
this.expands = false;
this.$nextTick(() => {
this.refreshTable = true;
});
}
emmmm.png
以上是我完成展开与收起的方法,简单来说就是重新渲染一下表格,个人意见,不喜勿喷,如果帮助到了你,你可以偷偷给我点个赞。
网友评论