【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();

相关推荐
天蓝色的鱼鱼6 小时前
前端开发者的组件设计之痛:为什么我的组件总是难以维护?
前端·react.js
codingandsleeping6 小时前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
石金龙7 小时前
[译] Composition in CSS
前端·css
白水清风7 小时前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
Ticnix7 小时前
函数封装实现Echarts多表渲染/叠加渲染
前端·echarts
用户22152044278007 小时前
new、原型和原型链浅析
前端·javascript
阿星做前端7 小时前
coze源码解读: space develop 页面
前端·javascript
叫我小窝吧7 小时前
Promise 的使用
前端·javascript
NBtab8 小时前
Vite + Vue3项目版本更新检查与页面自动刷新方案
前端
天天扭码8 小时前
来全面地review一下Flex布局(面试可用)
前端·css·面试