在vue项目中使用element-ui时,经常会用到Dropdown组件。有时需要在子菜单上添加click事件,但是官方文档中并没有给出el-dropdown-item的点击事件;若直接在el-dropdown-item上添加click事件,点击后没有任何反应。若在click后添加native修饰符,则可解决问题。代码如下:
<el-dropdown>
<!--下拉菜单-->
<el-dropdown-menu slot="dropdown">
<el-dropdown-item icon="el-icon-house">系统首页</el-dropdown-item>
<el-dropdown-item icon="el-icon-ship">交流讨论</el-dropdown-item>
<el-dropdown-item @click.native="handleLogout" icon="el-icon-switch-button">退出登录
</el-dropdown-menu>
</el-dropdown>