el-tree 不显示最末级
时间: 2024-01-30 22:11:54 浏览: 131
el-tree==>添加分级图标==>添加引导线样式==>点击节点展示全部父节点信息==>使用$store封装全局组件
根据提供的引用内容,可以使用ElementUI的el-tree组件来实现不显示最末级的效果。具体的方法是通过设置el-tree组件的props参数中的show-last-level属性为false来实现。下面是一个示例代码:
```html
<template>
<el-tree :data="treeData" :props="treeProps"></el-tree>
</template>
<script>
export default {
data() {
return {
tree: [
{
label: '一级节点',
children: [
label: '二级节点',
children: [
{
label: '三级节点',
children: [
{
label: '四级节点'
}
]
}
]
}
]
}
],
treeProps: {
showLastLevel: false
}
};
}
};
</script>
```
在上述代码中,我们通过设置treeProps对象的showLastLevel属性为false来实现不显示最末级的效果。这样,四级节点将不会显示在el-tree组件中。
阅读全文