el-tree怎么不选父节点
时间: 2023-08-16 19:14:44 浏览: 174
对于 el-tree 组件来说,默认情况下是可以选择父节点的。如果你想禁止选择父节点,可以通过设置 el-tree 的 props 属性 `default-expand-all` 为 true,将所有节点展开,然后通过设置 `node-key` 属性为父节点的 key 值,可以实现点击父节点不选中的效果。
以下是一个示例代码:
```html
<template>
<el-tree
:data="data"
:default-expand-all="true"
:node-key="'parent'"
show-checkbox
@check="handleCheck"
></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
label: 'Parent 1',
parent: 1,
children: [
{
label: 'Child 1-1',
parent: 1,
},
{
label: 'Child 1-2',
parent: 1,
},
],
},
{
label: 'Parent 2',
parent: 2,
},
],
};
},
methods: {
handleCheck() {
// 处理选中事件
},
},
};
</script>
```
在上面的代码中,`node-key` 属性设置为 `parent`,表示使用 `parent` 字段作为节点的唯一标识。当点击父节点时,由于 `node-key` 属性的设定,父节点的 `parent` 字段会作为唯一标识,从而不会被选中。
希望这个回答能够帮助到你!如果还有其他问题,请随时提问。
阅读全文