2.uniapp之设置小技巧

uniapp导航栏与TabBar动态修改
本文介绍如何使用uniapp动态修改页面导航栏标题、底部TabBar的文字及图标右上角的文本,包括具体代码实现,适用于需要个性化定制导航栏与TabBar的开发者。

使用uniapp 通常会遇到进入详情页,需要修改标题文字,uniapp自带的方法就可以修改代码如下:

uni.setNavigationBarTitle({
            title:this.i18n.user.title
        });

1.修改底部tabar

uni.setTabBarItem({
            index: 0,
            text: this.i18n.tabs.home
        });

3.为 tabBar 某一项的右上角添加文本。

uni.setTabBarBadge({
  index: 0,
  text: '1'
})

4.移除 tabBar 某一项右上角的文本。

uni.setTabBarBadge({
  index: 0,//删除某个tabar右上角文字,由左到右依次
})

仅仅是记录以后好查询,官方api 也可以查询的

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值