目录
一、概述
ElementUI框架中树组件的常用操作。
二、详解
示例1:一棵简单的树
示例2:设置默认节点
树组件添加default-checked-keys特性可以开启默认节点功能,其特性值是一个数组,数组中的元素为node-key设置的属性值。注意,树组件必须同时设置node-key特性,否则default-checked-keys无效。
示例3:节点过滤
节点过滤的设置分为两步,其一设置节点过滤方法,即为树组件添加filter-node-method特性,其特性值为过滤方法名。过滤方法会过滤每一个节点,其返回结果为true,表示当前节点显示,否则将被隐藏。
第二步,创建一个input查询框,设置双向绑定的变量,然后使用watch监听该变量,当监听到变量值改变时,手动触发设置好的树组件的筛选方法。
示例4:多选设置
树组件开启多选很简单,只须为其添加show-checkbox特性即可,表现在页面上即树节点显示出了复选框。
示例5:保留复选框的单选设置
show-checkbox设置为true即可开启树组件的复选框,但此时树组件仅支持多选操作,若想在保留复选框的情况下实现单选,没有现成的API,只能自己实现