el-tree设置只能选择叶子结点
时间: 2023-08-22 22:09:40 浏览: 324
你可以通过设置 el-tree 的 show-checkbox 属性为 false,只显示叶子节点来实现只能选择叶子节点的功能。这样用户只能选择叶子节点而不能选择非叶子节点。下面是一个示例:
```html
<template>
<el-tree
:data="treeData"
:show-checkbox="false"
default-expand-all
></el-tree>
</template>
<script>
export default {
data() {
return {
treeData: [
{
label: 'Node 1',
children: [
{
label: 'Leaf 1-1',
},
{
label: 'Leaf 1-2',
},
],
},
{
label: 'Node 2',
children: [
{
label: 'Leaf 2-1',
},
{
label: 'Leaf 2-2',
},
],
},
],
};
},
};
</script>
```
上述代码中,设置了 show-checkbox 属性为 false,这样 el-tree 组件只会显示叶子节点,用户只能选择叶子节点。注意,还需要根据实际情况传入正确的数据结构来渲染树状结构。
阅读全文