## 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'] ~~~