mui是通过mui-active的class属性来激活选中状态,例如:

<router-link class="mui-tab-item  mui-active" :to="{name:'member'}">
       <span class="mui-icon icon-myhuiyuan"></span>
       <span class="mui-tab-label">会员</span>
</router-link>

要实现切换不同链接激活对应按钮颜色的效果,需要给VueRouter设置linkActiveClass属性。

const router = new VueRouter({
    linkActiveClass:'mui-active',
    mode: 'history',
    root: 'index',
    routes
});