mint-ui中tabar內容跟隨路由變換

<footer>
    <!--使用mint-ui中tabar-->
     <mt-tabbar v-model="message" fixed class="h2">
        <mt-tab-item id="/homeAndroid" >
          <i class="icon iconfont el-fontshouye1 index"></i>
          <p>首頁</p>
        </mt-tab-item>
        <mt-tab-item id="/info" >
          <i class="icon iconfont el-fontxiaoxi2 info"></i>
          <p>消息提醒</p>
        </mt-tab-item>
        <mt-tab-item id="/Feature" >
          <i class="icon iconfont el-fontgongzuotai more"></i>
          <p>其餘功能</p>
        </mt-tab-item>
        <mt-tab-item id="/Mine">
          <i class="icon iconfont el-fontyonghuguanli1 me"></i>
          <p>個人</p>
        </mt-tab-item>
      </mt-tabbar>
</footer>

data() {
    return{
        //選中的tabbar值message爲外面頁面傳入的值selected
        message:this.$router.path,
    }
},
props: {
    selected: String,
},
watch: {
    meaagea: function(val,oldVal){
        this.message = val;
        this.$router.push(val);
    }
}
複製代碼