解決element-ui 下拉el-dropdown-item添加點擊事件@click無效

一、原代碼

 　　　　　<DropdownMenu slot="list">
            <DropdownItem @click="clickPayButton(payWay)">{{payWay.names}}</DropdownItem>
          </DropdownMenu>

 

二、修改代碼

 　　　　　<DropdownMenu slot="list">
            <DropdownItem @click.native="clickPayButton(payWay)">{{payWay.names}}</DropdownItem>
          </DropdownMenu>

 

三、解釋

關於vue中@click.native

作用：[給組件綁定原生事件]
例子：如果使用router-link標簽，加上@click事件，綁定的事件會無效因為：router-link的作用是單純的路由跳轉，會阻止click事件，你可以試試只用click不用native,事件是不會觸發的。此時加上 .native，才會觸發事件。

作者：WMLJS
鏈接：https://www.jianshu.com/p/bf5ede24c6e3
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。