zoukankan      html  css  js  c++  java
  • 解决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
    来源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
  • 相关阅读:
    Heavy Transportation POJ
    Frogger POJ
    CODEFORCES 25E Test
    POJ
    POJ-2777
    [ZJOI2008]骑士
    POJ
    POJ
    [USACO12FEB]Nearby Cows
    [HAOI2009]毛毛虫
  • 原文地址:https://www.cnblogs.com/wangyuxue/p/11929278.html
Copyright © 2011-2022 走看看