table的展开折叠按钮操作

按钮

javascript 复制代码
        <el-button
          type="info"
          plain
          icon="el-icon-sort"
          size="mini"
          @click="toggleExpandAll"
          >展开/折叠</el-button
        >

table: default-expand-all="isExpandAll"

javascript 复制代码
<el-table
      v-if="refreshTable"
      v-loading="loading"
      :data="evalNormList"
      row-key="id"
      :default-expand-all="isExpandAll"
      :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
    >
    </el-table>

js

javascript 复制代码
      // 重新渲染表格状态
      refreshTable: true,
      // 是否展开,默认全部展开
      isExpandAll: true,
javascript 复制代码
/** 展开/折叠操作 */
    toggleExpandAll() {
      this.refreshTable = false
      this.isExpandAll = !this.isExpandAll
      this.$nextTick(() => {
        this.refreshTable = true
      })
    },
相关推荐
【赫兹威客】浩哥1 分钟前
【赫兹威客】框架模板-前端命令行部署教程
前端·vue.js
小妖66619 分钟前
javascript 舍去小数(截断小数)取整方法
开发语言·前端·javascript
jay神39 分钟前
基于SpringBoot的校园社团活动智能匹配与推荐系统
java·前端·spring boot·后端·毕业设计
一殊酒41 分钟前
【前端开发】Vue项目多客户配置自动化方案【一】
前端·vue.js·自动化
切糕师学AI1 小时前
Vue 中 keep-alive 组件的生命周期钩子
前端·vue.js·keep-alive·生命周期·activated·deactivated
daols881 小时前
vue2 表格如何使用 vxe-table 带列头复制单元格内容同步到 excel 中
vue.js·excel·vxe-table
晚霞的不甘1 小时前
Flutter for OpenHarmony 布局核心:Row 与 Column 深度解析与实战
android·前端·javascript·flutter
Mr__Miss1 小时前
JMM中的工作内存实际存在吗?
java·前端·spring
huangql5201 小时前
【图文讲解】JavaScript二进制数据处理:从内存到类型化视图
前端
xiaozenbin1 小时前
关于tomcat9页面部分乱码的处理
前端·tomcat·firefox