element ui tree组件的getNode方法

最新推荐文章于 2024-02-27 18:15:28 发布
最新推荐文章于 2024-02-27 18:15:28 发布
阅读量4k 收藏 2
点赞数 3
分类专栏： element-ui 文章标签： elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43238931/article/details/122056860
版权

最近在使用getNode方法时突然发现getNode找不到节点
找不到节点一般会有这几种情况：
1.是否正确传入参数，参数可传递id，Node
2.检查tree组件是否设置了node-key为id
3.可能会出现treeData还未获取到页面就开始调用getNode的情况（虽然打印顺序是treeData先打印出来，但getNode已经执行了）

昵称已存在lxttttt
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Element-ui tree组件自定义节点使用方法代码详解
10-18
本文通过实例代码给大家介绍了Element-ui tree组件自定义节点使用方法 ,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
使用vue-cli导入Element UI组件的方法
08-27
给大家介绍了使用vue-cli导入Element UI组件的方法，非常不错，具有一定的参考借鉴价值，需要的朋友一起看看吧
elementplus el-tree如何获取当前节点的同级节点，并且自动勾选‘指定的选项‘
最新发布
qq_45714050的博客
02-27 520
vue3 + elementplus 获取el-tree，当前节点同级节点数据、父节点数据、自动勾选同节点数据
elementui tree组件 getNode分析
热门推荐
CSTGxun的博客
08-24 1万+
在使用element-ui的tree组件时使用getNode一直获取不到节点，原来是传入参数有问题，之前是使用节点id获取节点，根据element文档表示需要传入节点key或者data才可以获取到节点，之前以为是懒加载的缘故导致节点获取不到。 源码分析：getNode函数接收data参数，首先判断data是否是一个node对象，如果是可以直接返回这个节点，如果否，判断key是否是一个object，如我上方说的我传入的是一个id或者key值是number对象，不等于object直接返回data即id
ElementUI中el-tree节点的操作的实现
10-15
主要介绍了ElementUI中el-tree节点的操作的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
element UI tree getNode 返回 null
irispiu的博客
07-22 2321
树形结构 获取节点
el-tree 获取指定节点数据
u012174809的专栏
12-23 5395
仅一句代码可达到效果 1.定义ref 与 node-key <el-tree ref="tree" :data="orgData" node-key="id" highlight-current > 2.js代码 单选下 只需传一个id就行 不需要传数组 this.$refs.tree.ge
element-plus Tree 的简单实现方式
ppsncm的博客
02-23 336
【代码】element-plus Tree 的简单实现方式。
elementui获取所有树节点,ElementUI tree的取值与回显
weixin_42398050的博客
03-13 1143
ElementUI tree的取值与回显目的场景一选择树的节点后，希望提交当前选中的节点，以及节点对应的父级节点。 比如下面结构，当我选中字典管理时，我希望能够获取到的ids = [1,2,3]{"id": "1","label": "资源","type": "menu","children": [{"id": "2","label": "系统设置","type": "menu","childre...
element UI upload组件上传附件格式限制方法
10-18
今天小编就为大家分享一篇element UI upload组件上传附件格式限制方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
element el-tree组件的动态加载、新增、更新节点的实现
10-15
主要介绍了element el-tree组件的动态加载、新增、更新节点的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
基于element-ui封装可搜索的懒加载tree组件的实现
10-15
主要介绍了基于element-ui封装可搜索的懒加载tree组件的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
关于使用Element.getNodeValue()返回NULL的问题
orange2211的专栏
11-07 4218
关于使用Element.getNodeValue()返回NULL的问题     使用DOM方法解析XML数据， 比如这个xml:  admin 在程序中读取 Document doc=........; Element root=doc.getDocumentElement(); ElementnameNode=(Element)r
Element.getNodeValue()值为null的问题分析
玄灵斩仙剑的博客
06-23 4288
从element.getNodeValue()到element.getFirstChild().getNodeValue()再到element.getTextContent()
vue elementplus 树形控件 setup
weixin_43292547的博客
08-11 840
setup里return的值，不需要（能）写在data里。
elementUI中Tree 树形控件点击叶子节点才触发
qq_41853447的博客
11-18 4463
点击子节点才触发 想要实现这个功能，首先需要看点击这个节点下面是否存在节点，所以重点是需要拿到点击这个节点的node，node节点下面有一个 childNodes集合，这个集合保存的就是子节点数据，如果这个集合里面没有数据，说明当前节点就是子节点。官网提供 getNode()方法获取node。 getNode使用 需要在组件上指定 node-key属性和ref属性，这个属性必须和指定的label值相同。 完整代码 <template> <div> <e
Element Plus组件的method（方法）的调用方法
weixin_46069164的博客
04-05 4140
element-plus组件一般有若干方法，但官方没有写明怎么调用，在网上搜到的都是element UI的调用方法，如下： 然后我仔细查阅官方文档，终于在示例代码中找到了用法，以树形控件为例： 声明变量"xxx" const treeRef = ref() 通过ref="xxx"绑定数据 <el-tree ref="treeRef" :data="data"/> 调用通过xxx.value.<方法名>调用内置方法 //getNode为自定义函数，getCurr
使用this.$refs.tree.getNode(id).parent.data获取el-tree中节点的父级报错Cannot read properties of null
qq_41975388的博客
04-28 2210
原因：el-tree中没有绑定node-key="id" 绑定后解决
vue2 Elementui 树形组件怎么实现多选并获取选中节点的node对象
weixin_70245286的博客
05-06 5001
树形组件常用的方法及怎么实现多选并获取选中节点的node对象
element-ui中tree组件中setCurrentNode怎么使用
06-10
在 Element UI 的 Tree 组件中，可以使用 `setCurrentNode` 方法设置当前选中的节点。具体使用方法如下： 1. 在 Tree 组件上添加 `ref` 属性，如：`<el-tree ref="myTree"></el-tree>` 2. 在需要设置当前选中节点的地方，调用 `setCurrentNode` 方法，如： ```javascript // 获取 Tree 组件的实例对象 var treeInstance = this.$refs.myTree; // 获取要选中的节点对象 var node = treeInstance.getNode('node-id'); // 设置当前选中节点 treeInstance.setCurrentNode(node); ``` 其中，`getNode` 方法可以根据节点的唯一标识符获取节点对象。如果要取消选中节点，可以调用 `setCurrentNode` 方法并将参数设置为 `null`。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值