学习笔记230816---vue项目中使用第三方组件{el-dropdown}如何设置禁止事件功能

问题描述

使用第三方组件elementui，在导航菜单el-menu的el-menu-item中嵌入一个下拉菜框el-dropdown。点击...icon弹出下拉菜单el-dropdown-menu，那么这时会触发事件冒泡，el-menu-item菜单项的点击事件也会触发。

解决方法

阻止事件冒泡，点击...时，只触发...上的点击事件。 在el-dropdown上先设置trigger="click"为点击事件，因为该组件默认是悬浮出下拉框，再设置@click.stop 禁止该点击事件冒泡。