uniapp tabbar权限问题
在app.vue里添加:
export default {
//在此处添加一个函数 globalData: { //更改tabbar权限 reviseTabbarByUserType: function() {
//可以写自己的逻辑代码 // let username = uni.getStorageSync('login_user_info').username; // if (username != 'admin') { // uni.setTabBarItem({ // index: 1, // visible: false, // }) // } else { // uni.setTabBarItem({ // index: 1, // visible: true, // }) // }
uni.setTabBarItem({
index: 1,
visible: true,
})
uni.setTabBarItem({
index: 2,
visible: true,
})
uni.setTabBarItem({
index: 0,
visible: true,
})
} },
1 | uni.setTabBarItem() 是一个uni-app框架提供的API,用于设置底部导航栏的某个tab的样式和属性。其中,index表示要设置的tab的索引,visible表示该tab是否可见。在上述代码中,uni.setTabBarItem({index: 1, visible: false })表示将底部导航栏的第二个tab设置为不可见。 |
在onShow()里面写上getApp().globalData.reviseTabbarByUserType();!!!!!
如果想要显示tabbar然后点击其他的tabbar显示无权限登录然后不跳转,就要用到tabbar点击事件
onTabItemTap : function(e) {
console.log(e);
if(this.menu.length === 0){
setTimeout(() => {
uni.showToast({
title: '暂无权限!',
icon: 'none',
// duration: 100
})
}, 500);
uni.switchTab({
url:'/pages/setting/setting'
})
return false
}
},
本文来自博客园,作者:熬夜的布偶猫#,转载请注明原文链接:https://www.cnblogs.com/prince11/p/17881043.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!