Vue中的router-link路由页面跳转绑定的@click事件不能触发以及解决办法

在很多的电商项目当中,都会有底部导航的切换,需要用到点击事件,在这里,我用的是Vue的框架来说明。
1、这里是@click的用法(这是在组件中的写法)






	

在这里当点击首页、分类、购物车和我的的时候,@click事件不可以执行。
那解决办法就是在@click后面加上一个修饰符.native就可以在router-link中使用点击事件。
native是什么?
.native - 监听组件根元素的原生事件。
主要是给自定义的组件添加原生事件。
具体怎么用,看下面:

	
		

使用native的原因主要有两点:

  1. 在vue组件中,所有的原素必须在一个根结点上。
  2. 当想要在根结点响应数据,如果直接绑定v-on是不能响应的,这时,可以添加.native就可以了。

你可能感兴趣的:(vue)