码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-25 18:49:45      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:strong   ati   来源   组件   pre   style   nbsp   pdo   class   

一、原代码

      <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无效

标签:strong   ati   来源   组件   pre   style   nbsp   pdo   class   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!