<el-tree
:data="allDepartments" //数据
default-expand-all //是否全部展开
node-key="id"
ref="tree"
highlight-current
class="filter-tree"
:props="defaultProps" //规则
@node-click="getCheckedNodes"
></el-tree>
下面是我的数据
//数据
allDepartments: [
{
deptName: '父亲1'
},
{
deptName: '父亲2',
children: [
{
deptName: '儿子2'
},
{
deptName: '儿子2',
children: []
}
]
}
],
//展示格式规则
defaultProps: {
children: 'children',
label: 'deptName'
},
写方法
getCheckedNodes(node, e) {
//node输出点击的当前的所有信息
console.log(node.deptName)
},
//这个写法是只输出最终子集,也就是点击的最后一个
getCheckedNodes(node, e) {
if (node.children === undefined) {
console.log(node.deptName)
} else if (node.children.length === 0) {
console.log(node.deptName)
}
},