首页 > 其他分享 >el-tree树点击全选按钮,全部展开并且全选

el-tree树点击全选按钮,全部展开并且全选

时间:2023-07-04 17:02:01浏览次数:49  
标签:el treeForm isQx refs tree mxs 全选 store

先看图:

代码如下:

 // 全部选中
    qxClick() {
      this.isQx = !this.isQx;
      // 判断按钮的状态
      this.expandAll();
      if (this.isQx) {
        console.log(this.isQx, "-------------------------------", this.datas);
        // 设置
        this.$refs.treeForm_mxs.setCheckedNodes(this.datas);
        for (
          var i = 0;
          i < this.$refs.treeForm_mxs.getCheckedNodes().length;
          i++
        ) {}
      } else {
        this.$refs.treeForm_mxs.setCheckedNodes([]);
      }
    },
    // 全部展开
    expandAll() {
      if (this.isQx) {
        for (var i in this.$refs.treeForm_mxs.store.nodesMap) {
          this.$refs.treeForm_mxs.store.nodesMap[i].expanded = true;
        }
      } else {
        for (var j in this.$refs.treeForm_mxs.store.nodesMap) {
          this.$refs.treeForm_mxs.store.nodesMap[j].expanded = false;
        }
      }
    },

datas:

 

标签:el,treeForm,isQx,refs,tree,mxs,全选,store
From: https://www.cnblogs.com/a973692898/p/17526207.html

相关文章

  • shell脚本:将运行容器的日志输出到文件清理服务器上的符合条件的docker镜像
    采集容器日志的shell脚本内容为:点击查看代码#!/bin/bashexportLANG=zh_CN.gb18030.~/.bash_profile#日志放置目录log_path=/aa/bb/cc/dd/eetodaydate=$(date+%Y%m%d)nowdate=$(date+%Y%m%d%H%M)#pod列表dube_pod_id='xx1-servicexx2-servicexx3-servicexx4-se......
  • shell脚本:对开发入库的sql脚本进行检查
    shell脚本内容为:点击查看代码#!/bin/bashexportLANG=en_US.UTF-8exportNLS_LANG="AMERICAN_AMERICA.AL32UTF8"source/etc/profilesource/root/.bash_profileHOME=$(cd$(dirname$0);pwd)DOC_HOME=${HOME}/releasedocDOC_SVN_PATH=http://192.168.xx.xx/bushi......
  • Camstar SSL需要证书下载才能导入excel
    谷歌浏览器F12,点击security,点击ViewCertificate.  下载好了,双击,进行安装 设置:注册表 ......
  • element-ui表格多选
    <template><el-tablesize="medium"v-loading="tableLoading":data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"stripeheight="100%&q......
  • 【Netty】「萌新入门」(三)ChannelFuture 与 CloseFuture
    前言本篇博文是《从0到1学习Netty》中入门系列的第三篇博文,主要内容是介绍Netty中ChannelFuture与CloseFuture的使用,解决连接问题与关闭问题,往期系列文章请访问博主的Netty专栏,博文中的所有代码全部收集在博主的GitHub仓库中;连接问题与ChannelFuture在Netty中,所有的......
  • Element-布局
     Layout布局<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>.el-row{margin-bottom:20px;}.el-col......
  • Element-快速入门
     <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body><divid="app"><div><el-button>默认按钮......
  • 基于thinkphp开发的Telegram电报机器人系统,支持关键词回复
    系统支持多个添加机器人、支持关键词回复、支持设置按钮回复、支持个人、群、频道等的消息处理,另外支持消息定时推送。基于thinkphp开发的TG电报机器人系统,支持关键词回复后台登录地址:/admin后台账号密码:admin/123456下载地址:https://pan.saipancloud.com/s/7NRbiilGZV ......
  • EasyExcel 根据模板复制Sheet并将数据分页填充
    需求指定Excel模板文件,只给一个Sheet每个Sheet填充指定数量的数据,超过指定条数,根据模板Sheet复制并且追加数据准备工作引入easyExcelpom依赖<!--https://mvnrepository.com/artifact/com.alibaba/easyexcel--><dependency><groupId>com.alibaba</group......
  • 如何正确格式化sqlite shell输出?
    sqlite>.modecolumnsqlite>select*fromfoo;234kshitizdba.sesqlite>.headersonsqlite>select*fromfoo;barbazbaf------------------------------234kshitizdba.seecho-e'.modecolum......