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

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

目录 + 背景

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

2.手动展开，使用 node.expand() 方法，项目中的实现

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

目录

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

背景

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