element-ui tree如何实现异步树勾选自动展开及指定展开与勾选？

本文共计1419个文字，预计阅读时间需要6分钟。

目录 + 背景

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

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

- 项目中的实现 一、复选框选中后自动展开并选中 二、展开指定节点 三. 选择指定节点

目录

• 背景
• 1.监听复选框点击事件check
• 2.手动展开，使用node.expand()方法
• 项目中的实现
• 一、复选框勾选后能自动展开并选中，先展开再勾选也可以自动展开
• 二、 展开指定结点
• 三. 勾选指定结点
• 四、展开并勾选结点（支持异步树）牛逼版，实现展开回调

背景

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