el-tree-transfe 左右点击事件 获取点击后的值的事件
时间: 2024-01-07 16:04:27 浏览: 64
treeview的点击事件
3星 · 编辑精心推荐
el-tree-transfer 组件提供了两个事件用来获取左右侧树形结构中节点的点击事件:
- `left-node-click`:左侧树形结构节点的点击事件。
- `right-node-click`:右侧树形结构节点的点击事件。
这两个事件都会传递一个参数,该参数是点击节点对应的数据对象。可以通过监听这两个事件来获取点击后的值。例如:
```html
<template>
<el-tree-transfer
:data="data"
@left-node-click="handleLeftNodeClick"
@right-node-click="handleRightNodeClick"
></el-tree-transfer>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
label: '节点1'
},
{
id: 2,
label: '节点2'
}
]
}
},
methods: {
handleLeftNodeClick(data) {
console.log('左侧树形结构节点的点击事件', data)
},
handleRightNodeClick(data) {
console.log('右侧树形结构节点的点击事件', data)
}
}
}
</script>
```
在上述代码中,`handleLeftNodeClick` 方法和 `handleRightNodeClick` 方法分别监听了左侧和右侧树形结构中节点的点击事件,并将点击节点对应的数据对象作为参数传入。在方法内部可以通过该参数获取点击后的值。
阅读全文