element-ui tree 异步树实现勾选自动展开、指定展开、指定勾选

项目中用到了vue的element-ui框架,用到了el-tree组件。由于数据量很大,使用了数据懒加载模式,即异步树。异步树采用复选框进行结点选择的时候,没法自动展开,官方文档找了半天也没有找到好的办法! 找不到相关的配置,或者方法可以使用。 经过调试与阅读elment-ui源码才发现有现成的方法可以进行结点展开。下面就介绍结点展开的实现!

1.监听复选框点击事件check

2.手动展开,使用node.expand()方法

项目中的实现

一、复选框勾选后能自动展开并选中,先展开再勾选也可以自动展开

1.监听check-change事件

2.编写展开勾选结点方法

二、 展开指定结点

三. 勾选指定结点

1.异步树,需先展开指定结点,然后有数据了才能勾选上(即:展开父结点,子节点有了数据才能勾选上)

2.设置默认勾选的结点,再调用展开方法会自动勾选上,适合写数据回显

四、展开并勾选结点(支持异步树)牛逼版,实现展开回调

Original: https://www.cnblogs.com/hdwang/p/16578072.html
Author: 追极
Title: element-ui tree 异步树实现勾选自动展开、指定展开、指定勾选

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/587755/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球