element tree 个人笔记

1、dialog 初始化 自动勾选 并默认展开 节点

<el-tree
    :data="treeData"
    node-key="id"
    highlight-current // 高亮当前选中节点
    ref="treeRef"
    :default-expanded-keys="expandKeys" // 默认展开的节点的key 数组，此树 key指的是 id
    :default-checked-keys="expandKeys" // 默认勾选的节点的key 数组
    :filter-node-method="filterNode" // 开启树节点筛选功能
    @check="checkChange" // 当有节点被勾选触发
    :props="defaultProps" // 配置项
    show-checkbox // 展示树节点前面的勾选框
    check-strictly // 树节点的父节点和子节点严格分开
>
</el-tree>

2、取消勾选某单个节点

this.$ref.treeRef.setChecked(key/data, boolean, boolean)
// key/ data 勾选单个节点的key/data
// boolean 是否勾选 true就勾选 false 不勾选
// 是否勾选子节点 默认false

3、获取勾选的树节点的数组

this.$refs.treeRef.getCheckedNodes();