el-tree对已知节点设置disable

最新推荐文章于 2024-03-15 08:30:00 发布
VIP文章 最新推荐文章于 2024-03-15 08:30:00 发布
阅读量3.8k 收藏 7
点赞数 1
文章标签： vue.js elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xumengxiang/article/details/117748459
版权

记录项目遇到的el-tree禁用已知节点问题

<el-form-item label="角色权限">
    <el-tree
      ref="tree"
      :data="menuData"
      show-checkbox
      node-key="node_id"
      :props="defaultProps2
最低0.47元/天 解锁文章
大马猴~
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue Element UI 中 el-table 树形数据 tree-props 多层级使用避坑
weixin_44021888的博客
07-05 2151
Vue Element UI 中 el-table 树形数据 tree-props 多层级使用避坑
el-tree按条件禁用树节点
Niki.Y的博客
03-15 8530
业务要求：禁用相关设备以外的树结点。 一、递归循环所有节点，给对应的节点添加disable属性 拿到树的所有结点后，去遍历循环加上disable：true属性 addAttr(data) { data.forEach(item => { if (item.id !== this.detail.id) { item.disabled = true; if (item.childNodes &&...
ElementPlus el-tree-select设置禁选项
最新发布
前端小陈的成长记录
03-15 884
ElementPlus el-tree-select设置某一层级不可选择
[element-ui] 对el-tree的某个节点进行禁用
qq_14993591的博客
11-08 3277
【代码】[element-ui] 对el-tree的某个节点进行禁用。
vue element-ui 修改el-tree节点的disabled状态
科学鸿的博客
08-17 8292
el-tree可以用show-checkbox来开启选择框。 在生成节点node的时候指定了disabled属性值，但后面需要修改这个节点的禁用状态。 此时如果直接 node.disabled=false，会报错： Uncaught (in promise) TypeError: Cannot set property disabled of #<e> which has only a getter 可以用 $set 来修改值。 this.$set(node, “disabled”, fal
el-tree动态设置disabled属性，适用于新增、编辑、查看都是一个页面
webA_zi的博客
07-15 4620
<el-tree ref="tree" :data="dataTree" :props="props" node-key="id" show-checkbox accordion /> props: { label: 'menuName', children: 'children', disabled: this.disabledFn
el-tree动态判断灵活设置checkbox的disabled
maogugu0319的博客
03-17 2184
el-tree动态判断条件灵活设置checkbox的disabled
disable-devtool:通过f12按钮，右键单击和浏览器菜单禁用Web开发人员工具
04-27
import disableDevtool from 'disable-devtool' ; disableDevtool ( ) ; 1.2脚本属性配置 < script disable-devtool-auto src =' https://cdn.jsdelivr.net/npm/disable-devtool/disable-devtool.min.js ' > ...
easyui-tree-diasbleCheckbox
08-23
easyui-tree-diasbleCheckbox 树的结点为disable 不能选取
adb-可解锁system-busybox必需可disable-verity
05-12
adb-可解锁system-busybox必需
gnome-shell-extension-disable-unredirect
04-30
mkdir -p " $ext " && cd " $ext " && curl -LkSs https://api.github.com/repos/kazysmaster/gnome-shell-extension-disable-unredirect/tarball | tar -xvz --wildcards --strip 1 " kazysmaster-gnome-shell-...
eslint-disable-snippets
05-23
开始在javascript .js ，javascriptreact .jsx ， .jsx .ts或.tsx文件中键入eslint-disable ，以触发代码段自动完成。 键入要禁用的规则，或将其保留为空以禁用所有规则。 按tab键将光标放在有用的位置。 按ctrl...
穿梭框+el-tree，递归实践
Haines
01-11 508
完成的效果图： 使用的组件： Tag.vue <template> <div class="flow-layer-tag-wrapper"> <div class="left"> <p class="title">可选标签</p > <!-- 搜索区 --> <div class="search"> <el-input placeholder="
vue2/vue3中el-tree中，当disabled无效的时候，设置禁用节点
weixin_56205895的博客
07-25 3391
el-tree的禁用
el-tree全局禁用.disabled=true.动态设置的重点是数据的复制
nanjizhiyin的专栏
04-29 9682
定义一个方法 class Utils { // 修改disabled的值 // disabled:true禁用 static changeDisabled(data,disabled){ for (var i = 0; i < data.length; i++) { var children = data[i].children if (children !=...
[element-ui] 对整个el-tree的节点进行禁用
qq_14993591的博客
03-15 4003
treeData: [...] loopMuduleTreeDisabled (arr, that) { arr.forEach((item) => { that.$set(item, 'disabled', true) if (item.children && item.children.length > 0) { this.loopMuduleTreeDisabled(item.children, that) } }) } lo
el-tree 动态渲染值对已知节点disabled
vanora1111的博客
04-27 1984
我这里是已知节点的数据 判断节点id来设置disabled。在data中配置el-tree的props。项目需求要把其中的某一个节点设置为禁用。从后台动态获取的树的数据。
使用element的Tree树形控件，节点选中状态下设置禁用disabled,每次选一个，且不可编辑
热门推荐
肖帅的博客
01-10 1万+
使用element的Tree树形控件，节点选中状态下设置禁用disabled,每次选一个，且不可编辑，效果如下图所示。 代码如下： <template> <div class="tree3"> <el-tree :data="data3" ref="tree" ...
el-tree全部禁用
jingpangpang的博客
03-05 3119
element官方自带的是在节点设置disabled：true属性，在项目中并不好用，如data: [{ id: 1, label: '一级 2', children: [{ id: 3, label: '二级 2-1', children: [{ id: 4, label: '三级 3-1-1' }, { id: 5, label: '三级 3-1-2', disabled: true }] },..... props绑定的对象中可以实现灵活禁用 <CustomTree
el-tree父节点禁用
08-09
根据引用和引用的内容，要实现el-tree父节点禁用的功能，可以使用ant design vue组件库的treeSelect组件，并通过设置treeData的disabled属性来控制节点是否禁用。为了方便以后的使用，可以封装一个方法来处理树形数据。引用中给出的代码示例展示了一个封装的addKey方法，该方法通过遍历树形数据，对每个节点进行判断，如果该节点有子节点，则将其设置为禁用(disabled: true)，否则设置为不禁用(disabled: false)。同时，要递归调用addKey方法，对子节点进行相同的处理，以实现对整个树形数据的禁用设置。引用中的代码示例给出了另一种方法，通过遍历循环的方式给每个节点添加disable属性，并设置为true来禁用父节点。 总结起来，要实现el-tree父节点禁用的功能，可以使用ant design vue组件库的treeSelect组件，并通过设置treeData的disabled属性来控制节点是否禁用。可以选择使用引用中的addKey方法或引用中的addAttr方法来处理树形数据，给每个节点添加disable属性，并设置为true来禁用父节点。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值