mint-ui底部选项卡中点击router-link不跳转（已解决）

Question

App.vue第一个选项卡里有个router-link，点击以后为什么不能跳转到对应的组件呢？点击跳转没反应
App.vue

<template>
  <div id="app">
    <mt-tab-container v-model="selected">
  <mt-tab-container-item id="first">
    <router-link to="/hello">11111111</router-link>
  </mt-tab-container-item>
  <mt-tab-container-item id="sec">
    2
  </mt-tab-container-item>
  <mt-tab-container-item id="third">
   3
  </mt-tab-container-item>
</mt-tab-container>


    <mt-tabbar v-model="selected">
      <mt-tab-item id="first">
        <img slot="icon" src=""> 外卖
      </mt-tab-item>
      <mt-tab-item id="sec">
        <img slot="icon" src=""> 订单
      </mt-tab-item>
      <mt-tab-item id="third">
        <img slot="icon" src=""> 发现
      </mt-tab-item>

    </mt-tabbar>


    
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      selected: "first"
    };
  }
};
</script>

<style>

</style>

index.js

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/hello',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]
})

Answer 1

-------------已经解决

Answer 2

怎么解决的啊？？

Answer 3

麻烦能po下如何解决的吗