element tree 组件，怎么根据node-key 触发 node-click 操作?

路痴不脸盲 2020-09-15 07:42:50

el-tree
拿到id，赋值给node-key后，怎么触发对应节点的点击事件呢
下面的代码取不到is-current这个class属性

...全文

9662 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

路痴不脸盲 2020-09-16

打赏
举报

回复

这是控制台打印的信息

路痴不脸盲 2020-09-16

打赏
举报

回复

我也是这样子写的，但是getNode方法没有效果

風灬雲 2020-09-16

打赏
举报

回复

触发点击事件可以拆分为两步，设置当前节点为高亮状态，触发node-click事件这样的话设置高亮有api node-click是自己写的参数通过nodeKey获取节点就可以了 getNode(key)

路痴不脸盲 2020-09-16

打赏
举报

回复

我是想拿到节点id后，获取到当前节点的所有数据

项目需求实现多路搜索，根据关键字搜索科室和医生。由于需求特殊，需要在选择科室时手动触发element-ui Tree节点的点击事件。本文介绍了如何通过额外的代码实现这一交互，包括设置数据、配置属性以及利用node-click回调和setCurrentKey方法。

本文介绍了Element UI的Tree组件，详细讲解了包括data、props、load、lazy等在内的常用属性，以及node-click、check-change等事件和相关方法。内容涵盖节点的懒加载、选择、禁用状态、过滤功能等，提供了示例代码以帮助理解。

本文介绍如何使用Element UI中的Tree组件实现点击行自动勾选复选框的功能。通过在Tree组件上添加@node-click事件并结合methods中的handleRowClick函数实现这一交互效果。

本文介绍了在使用 Element UI 的树形组件 Tree 时，如何处理点击节点和小三角图标记录展开状态的需求。由于点击小三角不触发 node-click 事件，作者通过监听 node-expand 和 node-collapse 事件，结合 this.$set 更新节点的 expanded 状态来实现功能。同时，作者发现 node.expanded 的值存在滞后问题，通过 Vue 的 $set 深拷贝解决。文章提供了相关模板和 JavaScript 代码示例，并希望读者分享更简洁的解决方案。

本文详解vue-element-admin中Tree组件的核心功能与配置，包括data、props、node-key等关键属性，check-change、click等事件及getCheckedKeys等方法；重点阐述其在权限管理中的应用，涵盖复选框选择、严格模式控制和数据格式化，并提出懒加载、虚拟滚动等性能优化策略。

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章