el-tree隐藏不选中的节点
时间: 2023-12-08 10:36:45 浏览: 153
可以通过设置el-tree的filter-node-method属性来实现隐藏不选中的节点。具体步骤如下:
1.在el-tree中设置filter-node-method属性,该属性值为一个函数,用于过滤节点。
2.在函数中判断节点是否被选中,如果被选中则返回true,否则返回false。
3.在el-tree中设置default-expand-all属性为false,以便只展开选中的节点。
下面是一个示例代码:
```html
<template>
<el-tree
:data="data"
:filter-node-method="filterNode"
:default-expand-all="false"
></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
label: "一级 1",
children: [
{
label: "二级 1-1",
children: [
{
label: "三级 1-1-1",
id: 1,
checked: true
},
{
label: "三级 1-1-2",
id: 2,
checked: false
}
]
}
]
}
]
};
},
methods: {
filterNode(value, data) {
if (!value) return true;
return data.checked || data.children.some(child => child.checked);
}
}
};
</script>
```
阅读全文