element ui getHalfCheckedNodes()
时间: 2024-05-06 13:16:03 浏览: 77
Element UI主题样式文件
`getHalfCheckedNodes()` 方法是 Element UI 中 Tree 组件的方法,用于获取半选中状态的节点列表。
该方法返回一个数组,包含所有半选中的节点对象,每个节点对象包含以下属性:
- `level`: 节点所在的层级
- `data`: 节点的数据对象
- `parent`: 节点的父节点对象
- `children`: 节点的子节点数组
以下是使用示例:
```html
<template>
<el-tree
:data="data"
@node-click="handleNodeClick"
ref="tree"
></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
label: '一级 1',
children: [
{
label: '二级 1-1',
children: [
{
label: '三级 1-1-1'
},
{
label: '三级 1-1-2'
}
]
},
{
label: '二级 1-2',
children: [
{
label: '三级 1-2-1'
},
{
label: '三级 1-2-2'
}
]
}
]
}
]
};
},
mounted() {
const halfCheckedNodes = this.$refs.tree.getHalfCheckedNodes();
console.log(halfCheckedNodes);
},
methods: {
handleNodeClick(data) {
console.log(data);
}
}
};
</script>
```
该示例中打印出的 `halfCheckedNodes` 数组中包含所有半选中的节点对象。
阅读全文