在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>