美文网首页
elementUI 树形表格default-expand-all

elementUI 树形表格default-expand-all

作者: RuffianMonkey丶 | 来源:发表于2020-07-22 12:16 被阅读0次

    在写树形表格的时候我发现没有办法动态展开和收起表格,在动态修改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

    以上是我完成展开与收起的方法,简单来说就是重新渲染一下表格,个人意见,不喜勿喷,如果帮助到了你,你可以偷偷给我点个赞。

    相关文章

      网友评论

          本文标题:elementUI 树形表格default-expand-all

          本文链接:https://www.haomeiwen.com/subject/yzyzkktx.html