uniapp动态配置底部栏tabBar权限菜单,根据业务需求展示不同的菜单

根据业务需求,有时我们需要针对不同角色展示不同的菜单,uniapp默认的菜单配置就不适用了,但是我们可以自己自定义配置菜单栏

步骤如下:

1、page.json问价去掉默认的tabBar配置项;

2、在component目录下,新建一个tabBar.vue组件,这个组件里就是配置动态的底部菜单栏

tabBar.vue代码参考:







3、全局引入tabBar.vue组件,找到main.js文件,加入一下代码:
import tabBar from “@/components/tabBar.vue”
Vue.component(‘tabBar’, tabBar)

4、在tabBar页面加入
如:/pages/receipt/receiptList 页面,引入:

	

你可能感兴趣的:(uniapp动态配置底部栏tabBar权限菜单,根据业务需求展示不同的菜单)