el-tree,设置expand-on-click-node = false,如何使点击箭头图标时,触发node-click
时间: 2023-08-18 22:05:30 浏览: 246
您可以使用 `@click` 事件监听箭头图标的点击,然后在事件处理程序中触发 `node-click` 事件。具体的代码示例如下:
```html
<el-tree
:data="treeData"
:expand-on-click-node="false"
@node-click="handleNodeClick"
>
<span slot-scope="{ node, data }">
<span v-if="node.isLeaf" class="el-tree-node__expand-icon">
<i class="el-icon-arrow-right" @click="triggerNodeClick(node, data)"></i>
</span>
</span>
</el-tree>
```
```javascript
methods: {
handleNodeClick(nodeData) {
// 处理节点点击事件的逻辑
console.log('Node clicked:', nodeData);
},
triggerNodeClick(node, data) {
// 触发 node-click 事件
this.$emit('node-click', node, data);
}
}
```
在上面的代码中,我们在箭头图标上添加了 `@click` 事件监听,并调用 `triggerNodeClick` 方法来触发 `node-click` 事件。这样,当点击箭头图标时,会触发 `node-click` 事件,并执行 `handleNodeClick` 方法来处理节点点击的逻辑。