tree组件 子节点可多选
时间: 2023-10-13 09:08:06 浏览: 24
可以使用 el-tree 组件来实现子节点多选的功能。在 el-tree 中,可以通过设置 show-checkbox 属性来开启多选模式,同时设置 node-key 属性来指定节点的唯一标识符。当用户选择节点时,可以通过监听 check-change 事件来获取选中的节点信息。
示例代码如下:
```html
<template>
<el-tree
:data="data"
:show-checkbox="true"
:node-key="nodeKey"
@check-change="handleCheckChange"
></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
label: '一级节点',
children: [
{
id: 2,
label: '二级节点1'
},
{
id: 3,
label: '二级节点2'
}
]
}
],
nodeKey: 'id'
}
},
methods: {
handleCheckChange(checkedNodes) {
console.log(checkedNodes)
}
}
}
</script>
```