【Uniapp-Vue3】setTabBar设置TabBar和下拉刷新API

一、setTabBar设置

uni.setTabBarItem({

index:"需要修改第几个",

text:"修改后的文字内容"

})

二、tabBar的隐藏和显式

// 隐藏tabBar

uni.hideTabBar();

// 显示tabBar

uni.showTabBar();

三、为tabBar右上角添加文本

uni.setTabBarBadge({

index:"需要修改第几个",

text:"显示内容"

})

清除效果:

uni.removeTabBarBadge({

index:"移除哪一项",

success:res=>{...}

})

四、为tabBar右上角添加小红点

uni.showTabBarRedDot({

index:"第几个"

})

关闭小红点:

uni.hideTabBarRedDot({

index:"第几个"

})

五、下拉刷新API

首先要在pages.json中配置可以下拉刷新

// 点击刷新

uni.startPullDownRefresh();

// 取消刷新

uni.stopPullDownRefresh();

相关推荐
OpenTiny社区1 分钟前
Naive UI × GenUI SDK:自定义物料库搭建实战
前端·ai编程
kyriewen11 分钟前
我拿 4 个真实前端任务试了 GLM-5.3 Flash:代码一遍跑通,账单 4 分钱
前端·程序员·ai编程
IT_陈寒12 分钟前
Vue的响应式更新有时候真的不听话
前端·人工智能·后端
风骏时光牛马28 分钟前
AI编程常见问题梳理与要点解析
前端
前端snow31 分钟前
ai agent -- LCEL 汇总
前端
计算机魔术师1 小时前
NVIDIA 季度营收指引达 1080 亿美元,首次突破单季千亿大关
前端
数据狐(Datafox)1 小时前
京东商品列表API技术解析与落地应用(含标准 JSON 示例)
java·大数据·前端·人工智能·python·数据分析·json
风萧何1 小时前
架构艺术,是权衡的艺术。
前端·javascript·架构
YIAN1 小时前
ESLint 新版 Flat Config 实战:团队代码风格统一,从这一份配置开始
前端·团队管理
计算机魔术师1 小时前
英伟达单季营收逼近千亿美元,黄仁勋放话:真实需求远超想象
前端