elementUI 樹形表格default-expand-all動態(tài)改變狀態(tài)

在寫樹形表格的時候我發(fā)現(xiàn)沒有辦法動態(tài)展開和收起表格,在動態(tài)修改default-expand-all的時候值發(fā)生改變了,但是頁面并未有任何改變,很是惆悵。


表格部分.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

以上是我完成展開與收起的方法,簡單來說就是重新渲染一下表格,個人意見,不喜勿噴,如果幫助到了你,你可以偷偷給我點個贊。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容