解决element-ui 下拉el-dropdown-item添加点击事件@click无效

时间：2019-11-25 17:58:53 阅读：101 评论：0 收藏：0 [点我收藏+]

一、原代码

 　　　　　<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
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

解决element-ui 下拉el-dropdown-item添加点击事件@click无效

原文：https://www.cnblogs.com/wangyuxue/p/11929278.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)