您现在的位置是：网站首页> 编程资料编程资料

vue2+elementUI的el-tree的选中、高亮、定位功能的实现_vue.js_

2023-05-24 272人已围观

简介 vue2+elementUI的el-tree的选中、高亮、定位功能的实现_vue.js_

在使用无选择框的el-tree时遇到的坑以及如何使用el-tree

最后附全部代码

 ref="tree" ----> 必须写 accordion ----> 是否每次只打开一个同级树节点展开 看个人选择 default-expand-all ----> 默认打开全部节点 :data="leftData" ----> 必写 展示数据 @node-click="handleNodeClick" ----> 节点被点击时的回调 node-key="listId" ----> 设置选中的数据 必须写 注意不要写 ':' 我当时就是写了 找错找了得有好几个小时 哭死 :current-node-key="currentNodeKey" ----> 设置选中必须写 :highlight-current="true" ----> 设置高亮 必须写 :props="defaultProps" ----> 可以配置节点标签的属性值

props的配置

在这里插入图片描述

HTML部分

{{ node.label }}点击后选中id为006的

JS部分

修改样式

附上全部代码

到此这篇关于vue2+elementUI的el-tree的选中、高亮、定位的文章就介绍到这了,更多相关vue2 elementUI选中、高亮、定位内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

您可能感兴趣的文章:

上一篇：vue3与elementui封装一个便捷Loading_vue.js_

下一篇：Vue项目使用svg图标实践_vue.js_

您现在的位置是：网站首页> 编程资料编程资料

vue2+elementUI的el-tree的选中、高亮、定位功能的实现_vue.js_

相关内容

点击排行

本栏推荐

猜你喜欢