## app怎么添加底部tab * 在views目录下创建一个组件(MainPage.vue),再使用vant的Tabbar 标签栏,代码如下: ~~~ <van-tabbar :value="tabActive"> <van-tabbar-item name="home" icon="home-o" to="/main/home">首页</van-tabbar-item> <van-tabbar-item name="wait" icon="friends-o" to="/main/wait">审批</van-tabbar-item> <van-tabbar-item name="apply" icon="user-o" to="/main/apply">流程</van-tabbar-item> <van-tabbar-item name="personalHome" icon="user-circle-o" to="/main/personalHome">个人中心</van-tabbar-item> </van-tabbar> ~~~ 其中value为绑定选中标签的索引值,通过修改value即可切换选中的标签,其中name属性,使value的值指向为当前标签的name,icon为每个标签配置的图标,to为跳转路径; * 再将tabActive放在computed内,用来监听选中的标签; ~~~ tabActive(){ return this.$store.getters.pageActive } ~~~ * 之后需在公共方法库(permission.js)内定义一个数组,使选中标签的颜色得到展示: ~~~ const main_tab_arr =['home','work','wait','apply','personalHome'] ~~~