Vue+Vuetify进行移动端开发 选项卡切换路由遇见的问题

Vue+Vuetify进行移动端开发 选项卡切换路由遇见的问题

在做关于Vuetify控件布局发现的问题，因为国内使用该UI框架较少，自己遇到的问题在经过多次一步一步调整样式才解决，这里贴出我遇到的问题和解决的方法。
原先代码和实现图片
发现路由在切换时存在按钮变换而路由不改变的情况.

			<v-tabs fixed-tabs style="flex: 0;">
				<v-tab style="margin-left:0px">
					<router-link :to="{
    path: 'all_order'}" tag="span">
						全部订单
					</router-link>
				</v-tab>
				<v-tab>
					<router-link :to="{
    path