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
      })
    },
相关推荐
38242782716 分钟前
JS表单提交:submit事件的关键技巧与注意事项
前端·javascript·okhttp
于是我说22 分钟前
Vue3 的 CompositionAPI 相较于 OptionsAPI,主要优势和适用场景有哪些
vue.js
Kagol28 分钟前
深入浅出 TinyEditor 富文本编辑器系列2:快速开始
前端·typescript·开源
VX:Fegn089530 分钟前
计算机毕业设计|基于springboot + vue智慧养老院管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
小二·31 分钟前
Python Web 开发进阶实战:Flask-Login 用户认证与权限管理 —— 构建多用户待办事项系统
前端·python·flask
浩瀚之水_csdn39 分钟前
python字符串解析
前端·数据库·python
全栈小540 分钟前
【前端】在JavaScript中,=、==和===是三种不同的操作符,用途和含义完全不同,一起瞧瞧
开发语言·前端·javascript
如果你好1 小时前
Vue createRenderer 自定义渲染器从入门到实战
前端·javascript·vue.js
温宇飞1 小时前
Web 图形合成技术:Blending 与 Porter-Duff Compositing
前端
小高0071 小时前
读懂 Tailwind v4:为什么它是现代前端项目的必选项?
前端·javascript·vue.js