底部导航
QQ2052021114
查看路由底部导航获取 底部导航的位置:src/ayout/components/footer-tabs/index.vue
- 如果
pages.json
中pages
页面中含有pageParam
并且的pageParam.tab
存在时,该页面将被认为是底部导航页面 - 可以通过修改页面的
pageParam
中的配置,达到动态修改底部导航的效果。
# 获取所有的路由列表
// pages路由信息
import {mapGetters} from 'vuex'
export default {
computed: {
...mapGetters([
'pages',
]),
},
}
# 动态设置底部导航
- 将某个页面的对象更新到
permission
的changeRoutes
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}});
}
}
}