ElementUI tree取消选中，Element UI 树取消选中

最新推荐文章于 2024-07-19 17:15:11 发布
最新推荐文章于 2024-07-19 17:15:11 发布
阅读量1.5w 收藏 4
点赞数 1
分类专栏： 前端|Front-End 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44012027/article/details/107184165
版权

如何给Element 中的树型控件取消选中呢？我们不妨换一个思路来理解，即设置所勾选的节点数组为空，换句话来说就说让它什么也不选，这便达到取消选中的目的。

我们先来看看官方文档所提供的方法：

在这里插入图片描述
这样一来思路就比较明显了，解决方法如下

 this.$refs.tree.setCheckedKeys([])

要留意一个细节问题 此处要一致

在这里插入图片描述
学习与分享，每天进步一点点！

Edison-XX
关注
专栏目录
Element-ui中tree树形控件全选与取消全选的功能实现
King Saj
12-29 906
效果: 代码: <el-dropdown ref="dropdown" trigger="click" :hide-on-click="false"> <span class="el-dropdown-link"> <el-button type="danger" icon="el-icon-menu" circle></el-button> </span>
elementui树状菜单tree_Java + Element-UI 实现简单的树形菜单
weixin_39682301的博客
02-06 1745
一、简单入门级树形菜单实现(纯后台逻辑)1、简介(1)开发环境IDEA + JDK1.8 + mysql 1.8SpringBoot 2.2.6 + mybatis-plus此处仅后台开发(返回 json 数据)，前台页面展示后续会讲解。(2)数据表如下，仅供参考，可以添加 修改时间、创建时间、逻辑删除等字段。DROP DATABASE IF EXISTS test;CREATE DATABASE...
element-ui tree树形结构全选、取消全选，展开收起
qq_37148353的博客
01-17 1302
控制树形结构全选、取消全选，展开收起。
elementUI库中el-tree清除已选中的
weixin_46753476的博客
09-25 8647
elementUI库中el-tree清除已选中的
ElementUI问题:el-tree要清空所有的选中节点！
chenghao13834505361的博客
07-10 822
ElementUI问题:el-tree要清空所有的选中节点！
Element-ui中tree树形控件取消选中的功能实现
weixin_60196946的博客
07-26 3680
Element-ui中tree树形控件取消选中的功能实现
element-ui tree 点击章节节点勾选/取消勾选
qq_44130459的博客
09-29 3256
element-ui tree 点击章节节点勾选/取消勾选
ElementUI el-tree拖拽时，选中项被取消勾选问题解决
最新发布
weixin_37331593的博客
07-19 276
问题：使用el-tree同时开启勾选和拖拽功能，在拖拽排序时，勾选项的状态会被改变。事件，点击节点时，节点状态改变，获取最新选中节点列表，保存下来。事件，当拖拽结束后，将已保存的节点 再次赋值选中。第一步：定义节点列表，用于保存已选节点。
Vue+Element UI 树形控件整合下拉功能菜单（tree + dropdown +input）
01-19
使用Vue + Element UI，构建出最基本的树如下图所示： 现在我们就要在这个基础上进行改造，使页面更加符合我们的交互场景。 下拉菜单 将下拉菜单嵌到树节点中，使操作更加简便、紧凑。 效果演示 效果如图： 图示1...
elementui获取所有树节点,ElementUI tree的取值与回显
weixin_31598511的博客
03-13 3461
ElementUI tree的取值与回显目的场景一选择树的节点后，希望提交当前选中的节点，以及节点对应的父级节点。比如下面结构，当我选中字典管理时，我希望能够获取到的ids = [1,2,3]{"id": "1","label": "资源","type": "menu","children": [{"id": "2","label": "系统设置","type": "menu","children...
ElementUI Tree 树形控件的使用并给节点添加图标
11-21
ElementUI的Tree组件是Vue.js应用中常用的组件之一，它用于构建层次结构的数据展示，例如组织结构、文件目录等。在本文中，我们将探讨如何在Vue项目中使用ElementUI Tree控件并添加自定义图标。 首先，让我们了解...
Element-ui el-tree新增和删除节点后如何刷新tree的实例
10-14
在Element-ui中，`el-tree`是一个非常常用的组件，用于展示层级关系的数据。在实际开发过程中，我们常常需要动态地新增或删除树形结构中的节点，并确保这些操作后树能够正确地更新显示。本文将详细讲解如何在Element...
element ui el-tree控制树形结构全选、取消全选，展开收起
李程程的博客
09-06 5496
控制树形结构全选、取消全选，展开收起。
改造el-tree实现单击选中双击取消选中
trabecula_hj的博客
10-04 2407
改造el-tree实现双击取消选中样式
el-tree设置、取消选中状态（高亮）
热门推荐
weixin_42792507的博客
07-12 1万+
在一个项目中, 有一个需求: 点击一个表格的每一行, 动态设置树节点的选中状态 设置节点的选中状态可以直接使用setCurrentKey方法, 根据node-key设置 this.$refs.tree.setCurrentKey(2); 如果要取消选中状态,只需要设置成null就可以 this.$refs.tree.setCurrentKey(null); 在做取消选中状态时, 原本是使用原生js来移除选中状态的class, 然后报错: Uncaught TypeError: Cannot read p
vue3：树的默认勾选和全选、取消全选
weixin_47194802的博客
04-17 2638
实现的功能，上面有个选择框，当选中全部时，下方树被全选。
elmentui Tree组件单选问题以及清除选中状态
qq_57305148的博客
04-11 1万+
1、实现单选功能：主要利用tree组件中的check、setCheckedKeys方法，需要注意的是，此时必须设置node-key，其值为节点数据中的一个字段名，该字段在整棵树中是唯一的。 <el-tree ref="tree" :data="data" show-checkbox node-key="dictCode" :props="defaultProps" @check="handleCheck"
el-tree：实现父节点自动关联选中、子节点自动关联取消选中功能
java web
07-19 4783
利用element plus的el-tree控件，实现选中节点时，其各级父节点自动关联选中；取消选中该节点时，其各级子节点自动关联取消选中功能
elementui tree 默认选中
08-23
- *2* [element UI给树形控件一个默认选中的值](https://blog.csdn.net/weixin_52054631/article/details/121161183)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Edison-XX

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值