小程序根据登录的角色动态设置 tabBar

这篇具有很好参考价值的文章主要介绍了小程序根据登录的角色动态设置 tabBar。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

根据登录的状态来展示tabbar的名称
type=1 =》 供应商 =》 合同 送货单 我的
type=2 =》 监理 =》 合同 抽检单 我的
在登录之后就拿到type的值
以及登陆之后跳转到合同页面
在合同页面可以书写逻辑

onShow(){
				if (Number(uni.getStorageSync("type")) == 2) {
				console.log('11')
				// uni.setTabBarItem({
				// 	index: 1,
				// 	visible: false, 
				// })
				// uni.setTabBarItem({
				// 	index: 2,
				// 	visible: true,
				// })
				uni.setTabBarItem({
					index: 1,
					// pagePath: "/pages/Samplingform/Samplingform",
					iconPath: "static/img/icons/Samplingform.png",
					selectedIconPath: "static/img/icons/selectForm.png",
					text: "抽检单",
				})
			}else{
				uni.setTabBarItem({
					index: 1,
					// pagePath: "/pages/Samplingform/Samplingform",
					iconPath: "static/img/icons/goodsOut.png",
					selectedIconPath: "static/img/icons/goods.png",
					text: "送货单",
				
}

等于送货单以及抽检单都在同一个页面,那么就需要【动态设置当前页面的标题】
在抽检单以及送货单页面的onshow修改标题

		onShow() {
			if (this.enterpriseType == 3) {
				uni.setNavigationBarTitle({
					title: "抽检单管理"
				})
			}
	}

小程序根据登录的角色动态设置 tabBar,小程序,apache,服务器
小程序根据登录的角色动态设置 tabBar,小程序,apache,服务器
一开始想通过visible来控制,但是没有效果,可能小程序不支持文章来源地址https://www.toymoban.com/news/detail-531543.html

到了这里,关于小程序根据登录的角色动态设置 tabBar的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Uniapp根据权限(角色)不同动态展示底部tabbar

    比如绑定openId展示的tabbar为:首页、巡检、工单 未绑定openId展示的tabbar为:在线报修、我的报修 首页配置pages.json中的tabbar: 这里只用配置pagePath就可以了~ 具体代码如下: 创建一个自定义的tabbar文件: 具体代码如下: 注意:pagePath的最前面要   加  / 创建index.js文件配置

    2024年04月26日
    浏览(39)
  • 微信小程序自定义tabbar,分为医生端和患者端模拟不同角色登录

    介绍微信小程序如何自定义tabbarr界面,使用开发环境为微信开发原生工具,本文案例: 小程序有两个角色用户——医生端、患者端,每个角色进入小程序之后都有其所对应的tabbar界面, 隔离角色的权限,医生端无法进入患者端,患者端无法进入医生端。 1 成果展示 小程序

    2024年04月13日
    浏览(24)
  • uni-app动态tabBar,根据不同用户展示不同的tabBar

    因为我们用的是uni-app框架开发,所以在创建项目的时候直接创建uni-ui的项目即可,这个项目模板中自带了uni的一些好用的组件和api。 起初我想着这个效果不难实现,因为官方也有api可以直接使用,所以我最开始尝试就是使用uni的api完成,也就是这个 :uni.setTabBarItem(options) 我

    2024年02月09日
    浏览(32)
  • Vue-根据角色获取菜单动态添加路由

    如果大家写过后台管理系统的项目,那么动态路由一定是绕不开的,如果想偷懒的话,就把所有路由一开始都配置好,然后只根据后端返回的菜单列表渲染就好菜单就好了,但是这样的隐患就是我在地址栏输入的地址的时候,也会进入这个页面,不偷懒的方法就是本文要介绍

    2024年01月24日
    浏览(66)
  • uniapp小程序自定义tabBar,根据身份切换自定义tabBar

    1. 对于导航页自定义tabBar,仍需要在pages.json中配置tabBar 2. 在App.vue中的onShow生命周期中隐藏原生tabBar 但发现切换的时候有时还是会出现原生tabBar,于是在 每一个导航页 的 onShow 生命周期中加上uni.hideTabBar({animation: false})来解决此问题 3. 在components下新建自定义组件文件,因为

    2024年02月11日
    浏览(32)
  • 微信小程序动态控制tabbar的数量,uniApp动态控制tabbar的数量

    需求分析 :         小程序登录进来有2种身份,每种身份看到的页面不一样,而且tabbar的数量也不一样,这个时候就需要用到微信小程序的自定义tabbar, 自定义tabbar和原生tabbar在用户体验上差不多,几乎看不出有什么区别,废话不多说直接上代码 创建一个文件夹 custom-ta

    2024年02月13日
    浏览(33)
  • 小程序实现动态tabbar

    需求是小程序的地步tabbar 要在后台能设置 还要看能改动的尺度,如果不是在小程序里,那么底部tabbar 随便渲染 ,前端无非就是 请求来数据 循环渲染到页面上。类似于后台系统 根据权限请求左侧导航栏一样 但是这样的模式有一个前提是总数是定的 都有 对应的名字和路径

    2024年02月09日
    浏览(25)
  • uniapp和小程序设置tabBar和显示与隐藏tabBar

    (1)设置tabBar: index number 是 tabBar 的哪一项,从左边算起,索引从0开始 text string 否 tab 上按钮文字 iconPath string 否 图片路径 selectedIconPath string 否 选中时的图片路径 pagePath string 否 页面绝对路径 visible boolean 否 tab 是否显示 (2)显示tabBar: (3)隐藏tabBar:

    2024年02月08日
    浏览(30)
  • 微信小程序设置 tabbar icon 大小

    微信小程序的 tabbar icon 大小可以通过以下方式进行设置: 将 tabbar icon 图片制作成合适的尺寸:你可以使用设计工具(如 Photoshop、Sketch 等)将图标调整为合适的大小。通常建议使用 48x48 或 60x60 像素的图标。 在 app.json 文件中设置 tabbar 图标大小:在 app.json 文件的 tabBar 字段

    2024年02月13日
    浏览(29)
  • uniapp小程序底部tabbar图标大小设置

    在uniapp中小程序的tabbar没有设置图标大小的属性,导致小程序在不同平台打开时图标大小显示的不一样,特别是在电脑微信打开小程序时,底部的图标就会特别大,使得页面看起来怪怪的,如下图: 第一张是pc端H5,第二张是微信开发者工具(与手机端效果一样)、第三张电脑微

    2024年02月11日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包