首页
视频
资源
登录
原
element plus tree 获取选中节点的父节点
206
人阅读
2024/4/28 15:58
总访问:
586986
评论:
0
收藏:
0
手机
分类:
前端
通过 treeRef.value.getNode(data) 获取到当前节点的实例,随后通过 node.parent 获取到父节点。 代码如下: ``` const getSelectData = () => { // 获取选中的接点 let checkedNodes = treeRef.value!.getCheckedNodes(false, true) console.log("看看选择的数据", checkedNodes) for (let index = 0; index < checkedNodes.length; index++) { const schoolEle = checkedNodes[index]; // 根据后台的一个标识知道这个类型的节点是最下级的子节点了(当前也可以通过其他手段拿到这个信息,element plus 的tree组件应该也有只获取最后一级选中的方法 , 配合后台的返回数据处理的话可能更灵活一点) if (schoolEle.type == "grade") { /* 根据当前节点的id获取到当前这一级的节点数据,注意这个获取的数据是包含树里边的数据的,可以拿到父级,子级等信息, 而不只是我们绑定上去的数据源 */ let nodeData = treeRef.value!.getNode(schoolEle.$treeNodeId) console.log("看看当前的节点数据", nodeData) // 有了当前这个接点的数据了就好拿到他的父级,以及父级的父级等 let levelId = nodeData.parent.data.id console.log("看看当前的父接点数据,这里是阶段id", levelId) let schoolId = nodeData.parent.parent.data.id console.log("看看当前的父接点的父节点数据,这里是校区id", schoolId) } } } ```
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}
TeachingNote
这一生多幸运赶上过你.
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
.net
37篇
后端
5篇
ORM
16篇
前端
48篇
随笔
13篇
移动开发
6篇
数据库
6篇
英语
3篇
rabbitmq
1篇
.net core
5篇
unity
1篇
k8s
1篇
云服务
1篇
DDD
1篇
网络
1篇
更多
mysql
1篇
python
2篇
docker
1篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术