小结
最后更新于：2022-04-02 07:23:13
## app怎么添加底部tab
* 在views目录下创建一个组件（MainPage.vue），再使用vant的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']
~~~
';