el-tree点击选中框获取当前选中的数组
时间: 2024-09-18 10:04:40 浏览: 33
el-tree-selected-tree
在Element UI的el-tree组件中,当你需要获取用户通过点击选中框选定的节点数组时,可以利用`@node-click`事件。这个事件会在用户点击节点时触发,参数`event`中包含了被点击的节点信息,包括`node`属性,它是一个对象,包含选中的节点数据。
你可以通过监听这个事件并在回调函数中检查`node.checked`状态来确定是否已选中,并将选中的节点添加到你需要的数组中。例如:
```javascript
<template>
<el-tree
:data="treeData"
@node-click="handleNodeClick"
></el-tree>
</template>
<script>
export default {
methods: {
handleNodeClick(node) {
if (node.checked) { // 如果节点已被选中
this.selectedNodes.push(node); // 将节点添加到selectedNodes数组中
}
},
// 初始化的数据
treeData,
// 存放选中节点的数组
selectedNodes: [],
},
}
</script>
```
阅读全文