解決:el-dropdown-item組件的點擊事件無效

在vue項目中使用 element-ui 組件庫時,經常會用到Dropdown下拉菜單組件。有時需要在子菜單上添加click事件,但是官方文檔中並沒有給出 el-dropdown-item 的點擊事件。

若直接在el-dropdown-item上添加click事件,點擊後沒有任何反應。

在click後添加native修飾符,則可解決問題。代碼示例如下:

<el-dropdown>
  <span class="el-dropdown-link">
    下拉菜單<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item @click.native="handleClick">黃金糕</el-dropdown-item>
    <el-dropdown-item @click.native="handleClick">獅子頭</el-dropdown-item>
    <el-dropdown-item @click.native="handleClick">螺螄粉</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章