element ui table中,v2.9.0版本 default-expand-all无效

有遇到这个问题的吗? 在不改变版本的情况下有修改的办法吗

阅读 7.6k
2 个回答

这个问题自己已经解决,思路是加载数据后获取所有小箭头元素,然后控制其点击事件,代码如下

html部分

<el-button @click="unfold" type="text">展开<i class="el-icon-edit"></i></el-button>

js部分

 data() {
        return {
            ...
            isShowTable: true,
            ...
        }
 methods: {
        .......
        
        //加载完数据后的回调
        callback(data) {
            this.$nextTick(() => {
                this.expandAll()
            })
        },
        // 展开
        unfold() {
            this.isShowTable = false
            this.$nextTick(function () {
                this.isShowTable = true
                this.expandAll()
            })
        },
        expandAll () {
            // 获取点击的箭头元素
            let els = document.getElementsByClassName('el-table__expand-icon')
            for (let i = 0; i < els.length; i++) {
                els[i].click()
            }
        },
        
        ......
    }
新手上路,请多包涵

请问下,这样处理,如果用户当前展开了一部分或者收回了一部分的时候,再这样操作就会有问题,您有遇到吗?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题