解决element-ui中下拉菜单子选项click事件不触发的问题


将@click改为@click.native='logoutHandle';即可监听选项的点击事件。

1
2
3
4
5
6
7
8
<el-dropdown class= "pull-right" >
    <span class= "el-dropdown-link" >
     <img src= "./img/header.jpg" alt= "" class= "pull-right" >
    </span>
    <el-dropdown-menu slot= "dropdown" >
     <el-dropdown-item @click.native= "logoutHandle" >退出</el-dropdown-item>
    </el-dropdown-menu>
    </el-dropdown>

vue使用element-ui,发现用@click事件不生效?怎么解决?

如下所示:

今天用到element-ui里的一个组件,下拉菜单

发现在组件里写入@click事件

在页面打开以后发现,转译了之后并没有click事件

最后发现用@click.native

就OK了!

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM