一、原代码
<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，才会触发事件。
例子：如果使用router-link标签，加上@click事件，绑定的事件会无效因为：router-link的作用是单纯的路由跳转，会阻止click事件，你可以试试只用click不用native,事件是不会触发的。此时加上.native，才会触发事件。
作者：WMLJS
链接：https://www.jianshu.com/p/bf5ede24c6e3
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。