vue element 中el-tree 默认展开和选中

el-tree目录树接受到数据后，直接展开树形结构，默认选中节点。属性： default-expand-all是否默认展开所有节点。值的类型布尔，设置后直接展开属性结构。属性： node-key=“id”每个树节点用来作为唯一标识的属性，整棵树应该是唯一的。这里用的是数据中id的值属性：default-checked-keys 默认勾选的节点的 key 的数组。checkedList 数组里就是需

青衣浏阳

5249人浏览 · 2020-12-16 13:47:14

青衣浏阳 · 2020-12-16 13:47:14 发布

el-tree目录树接受到数据后，直接展开树形结构，默认选中节点。
属性： default-expand-all 是否默认展开所有节点。值的类型布尔，设置后直接展开属性结构。
属性： node-key=“id” 每个树节点用来作为唯一标识的属性，整棵树应该是唯一的。这里用的是数据中id的值
属性：default-checked-keys 默认勾选的节点的 key 的数组。
checkedList 数组里就是需要默认勾选所对应的的id。
下面代码

 <el-tree :data="powerList" 
 show-checkbox 
 default-expand-all 
 node-key="id" 
 highlight-current
 :default-checked-keys="checkedList">
</el-tree>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^