解決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