在element plus中el-tree怎么才能保留让最后一个children的复选框和它的父级复选框,其他复选框消失
时间: 2024-01-22 14:21:25 浏览: 260
【JavaScript源代码】element的el-tree多选树(复选框)父子节点关联不关联.docx
您可以使用 `check-strictly` 属性来实现这个需求。这个属性可以让只有叶子节点才显示复选框,而非叶子节点不会显示复选框。同时,设置这个属性后,非叶子节点的选中状态将不再与子节点关联,只能通过父节点的选中状态来决定。下面是一个示例代码:
```html
<template>
<el-tree :data="data" :check-strictly="true"></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
label: '一级 1',
children: [
{
label: '二级 1-1',
children: [
{
label: '三级 1-1-1',
children: []
},
{
label: '三级 1-1-2',
children: []
}
]
},
{
label: '二级 1-2',
children: [
{
label: '三级 1-2-1',
children: []
},
{
label: '三级 1-2-2',
children: [
{
label: '四级 1-2-2-1',
children: []
}
]
}
]
}
]
}
]
}
}
}
</script>
```
在上面的示例中,只有最后一个叶子节点和它的所有父级节点将显示复选框,而其他的节点都不会显示复选框。同时,非叶子节点的选中状态不会再与子节点关联,只能通过父节点的选中状态来决定。
阅读全文