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
});