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

Posted 2020-11-22 wangyuxue

一、原代码

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