区分el-tree点击的节点
时间: 2023-10-10 16:09:46 浏览: 144
el-tree==>添加分级图标==>添加引导线样式==>点击节点展示全部父节点信息==>使用$store封装全局组件
要区分 el-tree 点击的节点,你可以使用 el-tree 的 @node-click 事件来捕获点击事件,并获取点击的节点信息。
首先,在 el-tree 上绑定 @node-click 事件,例如:
```html
<el-tree @node-click="handleNodeClick"></el-tree>
```
然后在 Vue 实例中定义 handleNodeClick 方法来处理节点点击事件:
```javascript
methods: {
handleNodeClick(data) {
console.log(data);
}
}
```
这样,当用户点击 el-tree 中的节点时,handleNodeClick 方法将会被触发,传入的参数 data 就是被点击节点的信息。你可以根据这个信息来区分不同的节点。
例如,如果你想区分节点的 id 属性,可以通过 data.id 来判断:
```javascript
methods: {
handleNodeClick(data) {
if (data.id === 1) {
// 如果点击的是 id 为 1 的节点
console.log('点击了 id 为 1 的节点');
} else if (data.id === 2) {
// 如果点击的是 id 为 2 的节点
console.log('点击了 id 为 2 的节点');
} else {
// 其他情况
console.log('点击了其他节点');
}
}
}
```
根据你实际的需求,你可以在 handleNodeClick 方法中添加逻辑来区分 el-tree 点击的不同节点。
阅读全文