a-tree 获取选中节点
时间: 2024-02-25 22:48:25 浏览: 142
a-tree可以通过getCheckedKeys方法获取选中的节点id,也可以通过getCheckedNodes方法获取选中的节点对象。同时,a-tree还提供了getHalfCheckedKeys方法获取半选中的节点id。这些方法可以帮助我们获取选中的节点信息,方便我们进行后续的操作。下面是一个示例代码:
```
<template>
<div>
<a-tree :data="treeData" :multiple="true" :check-strictly="true" ref="tree">
<template slot-scope="{ node, data }">
<span>{{ data.title }}</span>
</template>
</a-tree>
<el-button @click="getCheckedNodes">获取选中节点</el-button>
</div>
</template>
<script>
export default {
data() {
return {
treeData: [
{
title: '一级节点1',
key: '1',
children: [
{
title: '二级节点1-1',
key: '1-1',
children: [
{
title: '三级节点1-1-1',
key: '1-1-1'
},
{
title: '三级节点1-1-2',
key: '1-1-2'
}
]
},
{
title: '二级节点1-2',
key: '1-2'
}
]
},
{
title: '一级节点2',
key: '2'
}
]
}
},
methods: {
getCheckedNodes() {
const checkedNodes = this.$refs.tree.getCheckedNodes()
console.log(checkedNodes)
}
}
}
</script>
```
阅读全文