el-tree实现一键全选/一键反选/全部收起/全部折叠功能

最新推荐文章于 2025-07-13 12:26:32 发布

我在北京coding

最新推荐文章于 2025-07-13 12:26:32 发布

阅读量379

点赞数 8

CC 4.0 BY-SA版权

分类专栏： Vue3 前端文章标签： elementui 前端 javascript

本文链接：https://blog.csdn.net/2401_89806660/article/details/148835361

前端同时被 2 个专栏收录

40 篇文章 ¥39.90 ¥99.00

订阅专栏

37 篇文章 ¥19.90 ¥99.00

订阅专栏

效果图：

el-tree实现一键全选/一键反选/全部收起/全部折叠功能

完整代码如下:

<template>
  <div class="TreePage">
    <el-checkbox
      v-model="menuExpand"
      @change="handleCheckedTreeExpand($event, 'menu')"
      >展开/折叠</el-checkbox
    >
    <el-checkbox
      v-model="menuNodeAll"
      @change="handleCheckedTreeNodeAll($event, 'menu')"
      >全选/全不选</el-checkbox
    >
    <el-checkbox
      v-model="menuCheckStrictly"
      @change="handleCheckedTreeConnect($event, 'menu')"
      >父子联动</el-checkbox
    >

    <el-row :gutter="20" style="margin-top: 20px">
      <!--村数据--&

了解本专栏