微信小程序/uniapp动态修改tabBar信息及常见报错

devtools/2024/10/21 18:40:38/

目录

  • uni.setTabBarItem(options)
    • 介绍:
    • 参数:
    • 示例:
  • 报错

uni.setTabBarItem(options)

介绍:

wx.setTabBarItem是不支持修改url路径的,所以使用uniapp的API。
动态设置 tabBar 某一项的内容:uniapp官网

setTabBarItem 兼容性:

WebAndroidiOS
4.03.914.11

参数:

options里的具体参数:

名称类型必备默认值兼容性描述
indexnumber--tabBar 的哪一项,从左边算起,索引从0开始
textstring--tab 上按钮文字
iconPathstring--图片路径
selectedIconPathstring--选中时的图片路径
pagePathstring--页面绝对路径
iconfontSetTabBarItemIconFontOptions--字体图标,优先级高于 iconPath
visibleboolean--tab 是否显示
success(result: AsyncApiSuccessResult) => void--接口调用成功的回调函数
fail(result: SetTabBarFail) => void--接口调用失败的回调函数
complete(result: AsyncApiResult) => void--接口调用结束的回调函数(调用成功、失败都会执行)

iconfont 包含参数:

名称类型必备默认值兼容性描述
textstring--字库 Unicode 码
selectedTextstring--选中后字库 Unicode 码
fontSizestring--字体图标字号(px)
colorstring--字体图标颜色
selectedColorstring--字体图标选中颜色

示例:

uni.setTabBarItem({index: 0,text: 'text',iconPath: '/path/to/iconPath',selectedIconPath: '/path/to/selectedIconPath',pagePath: '/path/newPagePath',success: ()=>{console.log('success');},fail: ()=>{console.log('success');},complete: ()=>{console.log('success');},
})

报错

使用时遇到了报错:"setTabBarItem:fail not TabBar page"
原因:setTabBarItem方法 只能在tabbar页面调用(有看到有人说在app中可以在非tabbar页面调用,但是我只是在微信小程序中使用,所以不清楚能不能用)
解决方法:在tabBar页面调用(没办法,微信小程序不支持)


http://www.ppmy.cn/devtools/127631.html

相关文章

Sigrity-Power SI如何使用Model Extraction模式提取电源网络的S参数和阻抗操作指导(二)

Sigrity-Power SI如何使用Model Extraction模式提取电源网络的S参数和阻抗操作指导(二) Sigrity-Power SI如何查看电源网络的S参数和阻抗操作指导(一)结果中在74Mhz和720Mhz处出现较大的谐振。可以通过添加该谐振频率的电容来降低谐振峰值. 还是这块PCB,仅仅添加一些电容到PC…

Linux中device_create、device_add、device_register的区别

目录 前言: 一、源码分析 1、device_create() 2、device_register 3、device_add 二、device_create()、device_register()、device_add()使用中的区别 1、device_create() 2、device_register() 3、device_add() 前言: Linux设备驱动开发中&…

Maven与Gradle的区别

Maven与Gradle是两种流行的构建工具,广泛用于Java项目的管理和构建。以下是它们的对比,包括官网、Windows 11配置环境、在IDEA中的相同点和不同点,以及它们各自的优缺点。 官网 Maven官网: https://maven.apache.orgGradle官网: https://gr…

Docker基础操作

文章目录 一、安装Docker二、Docker镜像操作1.搜索镜像 docker search2.获取镜像 docker pull3.查看镜像信息 docker images4.获取镜像/容器 详细信息 docker inspect5.为本地的镜像添加新的标签 docker tag6.删除镜像 docker rmi7.将镜像保存成为本地文件 docker save -o8.将镜…

Redis优劣势分析

Redis优劣势分析 Redis是一个开源的、内存中的数据结构存储,用于数据库、缓存和消息代理。以下是Redis的优劣势分析: 优点: 高性能: Redis是内存数据库,读写速度非常快,适合需要高性能的场景。丰富的数据…

laravel .env环境变量原理

介绍 对于应用程序运行的环境来说,不同的环境有不同的配置通常是很有用的。Laravel 利用 Vance Lucas 的 PHP 库 DotEnv 使得此项功能的实现变得非常简单。当应用程序收到请求时,.env 文件中列出的所有变量将被加载到 PHP 的超级全局变量 $_ENV 中。 使…

2023年“网络建设与运维”广西省赛试题复盘

2023年“网络搭建与应用”省赛试题复盘 第一部分:网络搭建及安全部署项目 (500分) 一、竞赛内容分布 “网络搭建与应用”竞赛共分二个部分,其中: 第一部分:网络搭建及安全部署项目 第二部分:服…

SpringLDAP连接LDAPS证书报错解决办法(二)

一、前言 ​ 阅读此笔记之前需先了解之前的文章《SpringLDAP连接LDAPS证书报错解决办法》,之前文章中所阐述的不再一一重述。 二、现象描述 ​ 按照之前文章设置,在我所在的软件环境中有可能还会再出现SSL握手失败的异常,报错提示java.sec…