底部导航

查看路由底部导航获取 底部导航的位置:src/ayout/components/footer-tabs/index.vue

  • 如果 pages.jsonpages 页面中含有 pageParam 并且的 pageParam.tab 存在时,该页面将被认为是底部导航页面
  • 可以通过修改页面的 pageParam 中的配置,达到动态修改底部导航的效果。

# 获取所有的路由列表

// pages路由信息
import {mapGetters} from 'vuex'

export default {
  computed: {
    ...mapGetters([
      'pages',
    ]),
  },
}

# 动态设置底部导航

  • 将某个页面的对象更新到 permissionchangeRoutes
  • item 是某个页面的object配置
export default {
  methods: {
    // 设置为底部导航
    handlerSetFootTab(item) {
      item['pageParam'] = {
        icon: 'icon-jijindingtou',
        tab: 1,
      };
      this.$store.dispatch('permission/handleChangeVal', {key: 'changeRoutes', val: {noSetState: true, data: item}});
    }
  }
}