mint-ui根据路由变化改变导航栏选中状态

前言

最近在做项目时发现mint-ui中的tabbar不能根据路由变化改变tabbar导航的选中状态，需要自己写代码实现。网上也有很多人发表了实现方法(用sessionStorage等)，不过我发现都太麻烦(可能我比较懒哈哈)，在此给大家分享一种比较简单的方法。

问题描述

使用mint-ui中tabbar实现app路由跳转(初始代码)，路由代码我就不贴出来了，遇到这个问题了下面代码应该能看懂了(spa应用)

<template>  
  <div id="tab-bar">
    <mt-tabbar v-model="selected" fixed>
      <mt-tab-item id="home" @click.native="goTo('/home')">
        <span slot="icon" class="iconfont iconmeishi"></span>
        外卖
      </mt-tab-item>
      <mt-tab-item id="search" @click.native="goTo('/search')">
        <span slot="icon" class="iconfont iconsousuo"></span>
        搜索
      </mt-tab-item>
      <mt-tab-item id="order" @click.native="goTo('/or