Vue中.native给组件绑定原生事件

原生就类似于直接使用$element.addEventListener(click,callback)绑定事件。

<router-link :to="item.path" :exact="true" :aria-expanded="isExpanded(item) ? 'true' : 'false'"
                     v-if="item.path" @click.native="toggle(index, item)">

如果不给router-link加.native,那么点击事件就不会执行,只有 加上.native,事件才会执行,这是因为router-link的作用是路由跳转,不是普通的标签,在用template中的内容替换掉组件时,如果不加.native,默认原来组件上的事件是不会跟过来的,.native的作用就是把组件变回原生DOM的一种方式


猜你喜欢

转载自blog.csdn.net/weixin_38098192/article/details/80624711