Vue的router-link (组件)绑定@click失败

228 阅读1分钟

原因

在vue中直接在组件上绑定原生事件是无效的

给vue组件绑定事件会被认为监听的是组件的自定义的事件,而router-link本身是自定义组件没有暴露click方法

解决

使用.native 修饰符将原生事件绑定到组件

<router-link @click.native="changeCo"></router-link>

总结

给Vue自定义组件绑定原生事件需要使用.native修饰符

文档参考

cn.vuejs.org/v2/guide/co…