960 Star 5.1K Fork 1.6K

GVPsmallwei / Avue

 / 详情

请问表格树(tree)如何动态的展开/收起全部

已完成
创建于  
2021-09-26 16:01

如题,我知道defaultExpandAll可以默认的展开全部,但怎么来动态控制呢?

评论 (5)

Yun_cong 创建了任务
Yun_cong 关联仓库设置为smallwei/Avue
展开全部操作日志

el底层不支持
输入图片说明

目前只有这个全部展开

smallwei 任务状态待办的 修改为已完成
smallwei 任务状态已完成 修改为待办的
smallwei 添加了
 
element
标签

现在有一键展开功能吗

仿照若依展开折叠的逻辑:首先将表格关闭,修改展开的状态,打开表格。

  1. avue-crud标签中添加v-if="refreshTable"
  2. 添加按钮
<template slot="menuLeft">
           <el-button
            type="info"
             plain
             icon="el-icon-sort"
              size="small"
             @click="toggleExpandAll"
             >展开/折叠</el-button
           >
         </template>
  1. 添加refreshTable: true
  2. 方法:
 /** 展开/折叠操作 */
      toggleExpandAll() {
        this.refreshTable = false;
        this.option.defaultExpandAll = !this.option.defaultExpandAll;
        this.$nextTick(() => {
          this.refreshTable = true;
        });
      },
smallwei 任务状态待办的 修改为已完成

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(4)
632261 smallweigit 1588214431 5320378 yun cong 1616317073
JavaScript
1
https://gitee.com/smallweigit/avue.git
git@gitee.com:smallweigit/avue.git
smallweigit
avue
Avue

搜索帮助