防止el-tree的node-click事件向上传播
时间: 2023-07-10 12:32:00 浏览: 205
el-tree-selected-tree
防止el-tree的node-click事件向上传播可以使用事件修饰符中的.stop方法,该方法可以阻止事件冒泡,只触发当前元素绑定的事件。例如:
```html
<el-tree :data="treeData" :props="{label: 'name'}" @node-click.stop="handleNodeClick"></el-tree>
```
在上述代码中,使用了.stop修饰符,阻止了node-click事件的冒泡,只触发当前节点的node-click事件,而不会触发父元素的同名事件。
如果需要同时防止事件冒泡和默认行为,可以使用.prevent修饰符,例如:
```html
<el-tree :data="treeData" :props="{label: 'name'}" @node-click.prevent.stop="handleNodeClick"></el-tree>
```
在上述代码中,同时使用了.prevent和.stop修饰符,阻止了node-click事件的冒泡和默认行为,只触发当前节点的node-click事件,而不会触发父元素的同名事件,并且阻止了默认行为。
阅读全文