vue elementUI tree 树形控件获取父节点ID

最新推荐文章于 2024-04-22 17:34:43 发布
最新推荐文章于 2024-04-22 17:34:43 发布
阅读量2.5k 收藏 2
点赞数 2
分类专栏： element-ui 文章标签： javascript vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lugangfeng123/article/details/107438385
版权

最近在编写后台管理系统，遇到需要elementUI tree 树形控件获取父节点ID，正常情况下只是获取选中的节点，没选中节点无法获取id.

这里经验分享

找到对应的获取id的位置，将获取elementUI tree 树形控件ID代码：this.$refs.tree.getCheckedKeys() 

替换成 this.$refs.tree.getCheckedKeys().concat(this.$refs.tree.getHalfCheckedKeys())即可。无需修改源码。

在此要感谢这篇博主的思路https://blog.csdn.net/qq_37588752/article/details/80075551。

lugangfeng123
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue Treeselect 树形下拉框:获取选中节点的ids和lables操作
01-21
API: https://vue-treeselect.js.org/#events 1.ids: 即value 1.lable: 需要用到方法：@select(node,instanceId) 和 @deselect(node,instanceId) <template> <treeselect ref=DRHA_EFaultModeTree v-model=DRHA_EFaultModeTree_value :multiple=true :options=DRHA_EFaultModeTree_options :flat=true
Vue 权限配置关于el-tree通过接口获取id父级会把没有的子级也勾选上
m0_47581102的博客
06-14 259
点击父节点，其下子节点全部统一跟随父节点变化，点击子节点，子节点部分勾选时，父节点处于半选状态。check-strictly 显示复选框的情况下，是否严格遵循父子互相关联的做法，默c认为 false。在进行选中侧边栏的角色调用接口获取id数组 可以把 check-strictly状态设为true。，这样就不会勾选全部子级了。最后在获取数据后把状态改为false不会影响到正常的选择。设置为true，严格遵循父子不互相关联。默认false，父子关联。因此我们可以进行动态绑定修改它的状态。
el-tree搜索父节点，父子节点一起展示
最新发布
敲代码无敌小奶龙的博客
04-22 374
el-tree搜索父节点，父子节点一起展示
vue3 el-tree ts数据格式递归处理，获取所有父节点信息，实时筛选
weixin_40449665的博客
09-02 5440
实现el-tree筛选，其中要注意数据格式的处理以及所有父节点信息的获取
Vue里定义方法：通过子节点ID查找所有关联的父节点ID
Yongqiang Chen的博客
03-30 1183
【代码】Vue里定义方法：通过子节点ID查找所有关联的父节点ID。
Element ui tree树形控件获取当前节点id和父节点id
weixin_53587375的博客
03-04 1万+
方法一： 直接在el-tree单击时获取当前节点node，会接收三种参数，分别是当前data节点数据，node当前节点，root根节点数据，我们获取当前node节点即可，通过node.parent可获取父节点数据，祖先级可一层层遍历上去node.parent.parent获取。 let oriFatherId = node.parent.parent.data // 祖父节点信息 let fatherId = node.parent.data // 父节点信息 方法二： 可通过单击获取当前节点id
vue elementUI tree树形控件获取父节点ID的实例
10-18
今天小编就为大家分享一篇vue elementUI tree树形控件获取父节点ID的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ElementUI Tree 树形控件的使用并给节点添加图标
10-15
在本文中，我们将深入探讨如何在Vue项目中利用ElementUI库的Tree组件来创建树形结构，并且重点讲解如何为树形结构的各个节点添加图标。 ElementUI的Tree组件是一个强大的工具，它允许开发者以树状结构展示数据，...
vue + element ui工程，Tree 树形控件展示指定值，比如name
03-09
在Vue.js框架中，Element UI库提供了一套丰富的UI组件，其中包括Tree树形控件。这个控件在数据展示和管理中非常常见，比如组织结构、文件目录等场景。本项目是一个基于Vue和Element UI的工程，专注于演示如何在Tree...
ELementUI 树形控件el-tree半选状态获取父级节点id，菜单权限管理
weixin_41346436的博客
07-05 3091
el-tree一般常用于权限菜单授权，权限菜单管理等，此处做个小结 应用场景：将选中的子节点的id和半选状态下的父级id传到一个新的数组里，作为参数后端用于菜单授权 后端数据结构：isCheck = 1 时，为选中状态，子节点isCheck=1时，父节点isCheck 也是1 问题：刚开始使用this.$refs.tree.getCheckedNodes()获取选中的值，此方法只能选中子节点的id，全选状态下这个方法才能获取到父节点的id,因此行不通 使用 this.refs.leftTree.getC
elementUI tree 树形控件如何获取父节点id和子节点id vue
Andydahua的博客
07-01 2250
elm
vue如何获取tree当前选中的节点_el-tree 如何仅仅获取当前选中节点的id（不包含其父级id）...
weixin_39846378的博客
02-11 2986
后台返回的数据如下`"result": [{"checked": false,"children": [{"checked": false,"children": [ ],"id": "ca5cfb39dc094bf7ad8ddc539b901aa0","name": "化学项目","nocheck": false,"pid": "c14372129a4446dd9b0781b6884ecd7d"...
vue el-tree 获取勾选项id，以tree形式返给后台，包括全选（半选）状态
m0_69414585的博客
10-20 1773
vue el-tree 获取勾选项id，以tree形式返给后台，包括全选（半选）状态
知道子级id利用递归函数获取父级id,再进行拼接
m0_46693606的博客
07-22 796
一、定义一个嵌套子级数组 const arr = [{ id:1, key: "411200000000", label: "三门峡市", children: [{ key: "11411200005802248U", label: "三门峡市水利局" }, { key: "11411200005802264H", label: "三门峡市林业局" }, { key: "114112000058023445",
【VUE3】ElementUI--el-card卡片列表、el-tree 结合多选框获取子节点id导出数据
qq_48468636的博客
04-23 5996
在父级选中后我们不需要父级的id，只要求子级已选中的id，当子级全部勾选后父级也执行勾选，此时也要把父级id去掉。1.通过 npm、yarn、pnpm 安装。这次比较简单直接，贴上代码就可以了！首先要在项目文件安装具体可以查看。
vue3根据id递归查找所有上级id
YM123456999的博客
04-13 1198
vue、vue3、递归查找上级、递归查找父级
element el-tree、el-cascader树形控件-树节点的选择(选中当前节点,获取当前id并且获取其父级id) 或者不包含父级id
林中明月间丶
06-08 3011
<el-tree :data="data" @check-change="getCheckedNodes" show-checkbox node-key="id" //keyname default-expand-all ref="tree" > </el-tree>
vue子组件拿到它父组件的数据的4种方法
热门推荐
科技向善
04-20 1万+
data() {return {// 要传递给子组件的数据 someData : 'Hello world' } } } }
vue elementUI tree树形控件选中子节点，获取父节点id
a913396的博客
10-15 4396
https://blog.csdn.net/qq_37588752/article/details/80075551 修改方法里的判断： if ((child.checked || child.indeterminate) && (!leafOnly || leafOnly && child.isLeaf)) { checkedNodes.push(child.data); }
vue elementui tree树形控件怎样控制选节点
05-10
要控制 Vue ElementUI Tree 树形控件中选中节点的状态，可以使用 `default-checked-keys` 或 `default-expanded-keys` 属性来设置默认选中和展开的节点。如果需要动态控制选中节点，可以使用 `v-model` 绑定一个数组...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值