element UI中下拉菜单的el-dropdown-item无法触发click事件怎么解决？

48 阅读 0 评论 32 点赞

我是靠谱客的博主秀丽小刺猬，最近开发中收集的这篇文章主要介绍element UI中下拉菜单的el-dropdown-item无法触发click事件怎么解决？，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

element UI中下拉菜单的el-dropdown-item无法触发click事件怎么解决？（关于自定义事件的问题）

<el-dropdown class="infor" size="medium">
<span>
<i class="el-icon-more-outline"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>修改密码</el-dropdown-item>
<el-dropdown-item>更改头像</el-dropdown-item>
<el-dropdown-item @click.native="signOut()">退出登录</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>

el-dropdown不是原生DOM节点，而此时绑定的click也非原生DOM事件，加上.native可以把自定义事件转变为原生的DOM事件，即给父元素的子节点们都加上这个click事件。
大概就是说这个el-dropdown不是自家人，native相当于给了它权限来使用家里的东西。
将@click改为@click.native进行监听即可。