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

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

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

		

			
				

					
					
首页
				
			
			
				

					
					
分类
				
			
			
				

					
					
购物车
				
			
			
				

					
					
我的
				
			
		

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

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