Ant Design a-tree禁止选择父节点

最新推荐文章于 2024-07-24 10:06:26 发布
最新推荐文章于 2024-07-24 10:06:26 发布
阅读量1.2k 收藏
点赞数 1
文章标签： 前端 tree 前端 element 库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44879525/article/details/129712843
版权
文章讲述了在遇到文档中selectable属性无法禁用选择功能时，通过后台返回的字段将selectable改为disableCheckbox为true，成功实现了父节点的选择禁用。这是一个关于前端开发中处理用户界面交互问题的案例。
摘要由CSDN通过智能技术生成

看文档selectable，disableCheckbox属性可用

在这里插入图片描述
让后台返回加上一个 selectable:false 字段。结果没啥效果，改为 disableCheckbox: true 有效果
在这里插入图片描述
父节点禁用选择ok了
在这里插入图片描述

解决

Destiny辰
关注
tree树形控件禁用复选框
m0_69876298的博客
08-16 136
tree树形控件禁用复选框函数方法
ant 中a-tree父节点只有展开折叠功能 不发送请求
温小鹿的博客
06-08 783
a-tree父节点只有展开折叠的功能，不发送请求
Antd vue 中如何禁止a-tree-select选中父级
pacholy的博客
05-30 2057
只需要给数据加一个属性。
antd vue a-tree树选择，设置禁止选择父节点，只能选择子节点
areyousmoking的博客
07-24 665
antd vue a-tree树选择，设置父节点不可选
a-tree 实现父级节点禁用，通过子级节点勾选状态控制
onlylele的博客
07-21 1694
a-tree 组件实现折叠选择；使其父级节点禁用，通过子级节点的勾选状态来控制是否勾选；如果子级节点勾选任一个，父级节点就勾选中，如果子级节点全部不勾选则父节点不勾选，否则勾选，
treeSelect树组件设置父节点禁用
热门推荐
二三的博客
11-20 1万+
项目开发中需求方提了这样一个需求：下拉框数据是树形结构，但父节点禁止点选，只能点击子节点。毫无疑问，选用的是组件库的treeSelect组件。但该组件默认每一级节点都可以进行选择，不符合需求。于是开始看API，发现treeDatadisabled，可以控制节点是否禁用。属性即可。
antd+vue:tree组件：父级节点禁止选择并不展示选择框——基础积累
yehaocheng520的博客
12-15 2898
antd+vue:tree组件：父级节点禁止选择并不展示选择框——基础积累
Antd vue 树形结构 tree组件的增删功能
pacholy的博客
03-26 1933
效果展示： 思路： 右边的button用插槽的方式添加 <template> <div class="m-page"> <div class="content"> <div class="menu-data"> <div class="header"> <span class="name">菜单配置</sp
动态操作tree选中数据进行处理后设置禁用状态
qq_39892395的博客
01-27 1182
需求场景 1、选中数据 2、将已选中的数据加入到清单后： 实现： 1、设置树的props lazyPropsLeft: { children: 'children', label: 'name', disabled: this.disabledFun//方法 }, 2、methods:实现上面的方法 //树节点 disabled 设置已加入清单的为禁用状态 addSyncData为已经加入清单的数据 disabledFun(data, n...
解决ant-design-vue中menu菜单无法默认展开的问题
01-18
在ant-design-vue的文档中， menu有两个可以传的参数，分别为defaultOpenKeys和openKeys，但在接手做一个项目时，openKeys这个参数前人已经写了，可能是从文档中直接复制demo没有删除掉，我也没去管。 等到需要用到...
解决ant design vue使用tree select树选择器时父节点需要不可选中的问题
upStar1的博客
09-14 5021
在使用antv的tree select树选择器时，发现默认它的父节点是可以选中的。在用户使用的时候，很多时候是不需要选中的。所以我们只需要在给这个tree数组赋值的时候，给父节点赋selectable为false就可以了。查看了他的api发现一个属性selectable，默认为true。同理，如果需要禁用的话，直接disabled为true就可以。
Ant Design of Vue a-tree 自定义样式 自定义内容
who_become_gods的博客
05-06 1万+
autoExpandParent:true, expandedKeys:[], currentId: '', dataList: [], treeData: [], parentNode: [], //存放父节点 <a-tree class="tree-main-table" showIcon @select="onSelect" :treeData="treeData.
antd树型选择控件选择父级_[antd of vue] a-tree组件子节点不完全勾选获取父节点的值...
weixin_39729840的博客
12-19 2215
于是我参考着改了一点点,记录一下,写得不好,仅供参考, 见谅~showLinecheckable@check="onBusinessSelectChange":treeData='businessData':checkedKeys="businessSelectedRowKeys":autoExpandParent="true">---------------data中-----------...
antd-vue a-tree任意节点拖拽排序方法，最小粒度变更受影响的记录（通用排序）
小狐狸和小兔子
11-11 4450
最近因为仿钉钉做内部IM，头觉得ElementUI功能有点简单了，不太适合当前业务需求，于是舍弃了，换成了 Ant Design Vue，这下好，之前做的功能全部重新修改… 没办法，谁让人生就是这样改来改去，推掉重来 在修改部门的时候，原本的组织架构拖拽排序并实时后台存储从el-tree 换成了 a-tree 后，之前的代码不能用了，但是思路大体还是一致，然后我找了找a-tree 的节点规律以及官方文档，自己重写了一个，原则上还是以尽可能的少改动数据为优先 首先我们的Vue文件声明如下（由于文件内容多，
四、数据展示组件(2)
rocktanga的博客
11-15 1463
12、Tree树形控件 多层次的结构列表。 何时使用：文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用 树控件 可以完整展现其中的层级关系，并具有展开收起选择等交互功能。 (0)<Tree>组件对应的事件 <1>onCheck事件: 表示选中复选框，或者取消复选框的选中时触发.可选值：无；默认值： -；类型： function(checkedKeys, info:{checked: boolean, checkedNodes, node
el-tree动态判断灵活设置checkbox的disabled
maogugu0319的博客
03-17 2480
el-tree动态判断条件灵活设置checkbox的disabled
手动实现拥有两个单向关联的checkbox的树形组件
weixin_41604040的博客
01-11 896
手动实现拥有两个单向关联的checkbox的树形组件数据基础架构 最近在做项目的时候，遇到了一个需求： 如图所示，这是一个树形组件(n叉树)，父节点嵌套子节点。每个节点都有查看和编辑两个权限，分别对应两个checkbox。业务逻辑如下： 如果后代节点中有一个被选中，那么祖先节点一定会被选中；而选中分为全选和半选，例如： 2. 页面顶部有两个checkbox，用来控制全部的节点： 3. 如果查看权限被关闭，那么编辑权限也会被置为空选且禁用。 第一点都可以通过antv的树形组件几行代码轻松实现：
a-tree-select遇到的问题
qq_46109465的博客
02-22 580
a-tree-select怎么禁用某一个层级
a-tree-select选中父节点取消子节点
最新发布
10-31
`a-tree-select`是一个基于Ant Design Vue的树形选择组件，它通常用于展示层级结构的数据并允许用户进行选择。当你想让用户既能选中父节点也能取消子节点时，可以利用它的API以及事件处理机制。 在`a-tree-select`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Destiny辰

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

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

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

打赏作者

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

抵扣说明：

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

余额充值