elementui el-tree 如何父级不被选中
时间: 2024-01-12 10:03:20 浏览: 200
解决element-ui的下拉框有值却无法选中的情况
你可以使用el-tree中的check-strictly属性来实现父级不被选中。设置check-strictly为true后,只有子节点的选中状态会影响父节点的选中状态。以下是示例代码:
```html
<template>
<el-tree
:data="data"
:props="defaultProps"
:check-strictly="true"
@check-change="onCheckChange"
></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
label: 'Parent 1',
children: [
{ id: 2, label: 'Child 1-1' },
{ id: 3, label: 'Child 1-2' },
],
},
{
id: 4,
label: 'Parent 2',
children: [
{ id: 5, label: 'Child 2-1' },
{ id: 6, label: 'Child 2-2' },
],
},
],
defaultProps: {
children: 'children',
label: 'label',
isLeaf: 'isLeaf',
disabled: 'disabled',
},
};
},
methods: {
onCheckChange(data, checked, indeterminate) {
console.log(data, checked, indeterminate);
},
},
};
</script>
```
在上面的代码中,check-strictly设置为true,这样只有子节点的选中状态会影响父节点的选中状态。在onCheckChange方法中,你可以获取选中状态的数据。
阅读全文