el-tree 复选框 勾选事件
时间: 2024-10-15 12:07:11 浏览: 37
【JavaScript源代码】element的el-tree多选树(复选框)父子节点关联不关联.docx
el-tree 是 Element UI 提供的一个树形组件,它通常用于展示层级结构的数据,并包含选项如复选框功能。当你在树节点上启用勾选功能时,用户可以对每个节点进行选择或取消选择。当用户点击某个节点的复选框时,会触发 `check` 或 `uncheck` 事件。
`check` 事件是在节点被选中的时候触发,而 `uncheck` 则是在节点被取消选中时触发。这两个事件通常会有对应的回调函数,你可以在这个函数中处理用户的操作,比如更新数据状态、发送请求等。例如:
```javascript
<el-tree
:data="treeData"
node-key="id"
@check="handleCheck"
>
</el-tree>
methods: {
handleCheck(node) {
// 当节点被选中时执行的操作
console.log('Node with id', node.id, 'is checked');
// 如果需要取消选中,可以在 uncheck 函数里处理
node.checked = false;
this.$emit('uncheck', node);
}
}
```
阅读全文