el-tree-select没有子集不可选中
时间: 2023-10-03 20:07:24 浏览: 172
el-tree-selected-tree
el-tree-select组件默认情况下是支持选择子节点的,如果你需要禁止选择子节点,可以设置el-tree-select的props属性:show-checkbox为true,并设置node-key属性。node-key属性是一个用来唯一标识每个节点的属性,一般情况下是每个节点的id或者name属性。
在设置了show-checkbox和node-key属性之后,你可以通过在节点数据中设置一个disableCheckbox属性来禁止选择该节点的子节点。具体实现可以参考下面的代码示例:
```html
<template>
<el-tree-select :data="data" :show-checkbox="true" :node-key="nodeKey">
</el-tree-select>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
label: '一级 1',
children: [
{
id: 4,
label: '二级 1-1',
children: [
{
id: 9,
label: '三级 1-1-1',
disableCheckbox: true
}
]
}
]
}
],
nodeKey: 'id'
}
}
}
</script>
```
在上面的代码中,我在三级节点中设置了disableCheckbox属性,这样就可以禁止选择该节点的子节点。
阅读全文