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

相关推荐
用户0595401744611 分钟前
把Agent记忆测试从Mock换到真实Redis,漏测率从30%降到0
前端·css
Surprisec13 分钟前
如何用 TypeScript 写一个最小可运行的 CLI Agent
前端·人工智能·typescript
marskim13 分钟前
零依赖、高性能!从零实现 React 拖拽排序组件(基于 HTML5 Drag and Drop API)
前端
jingling55515 分钟前
从零到一:用 Aholo Viewer 在浏览器里渲染 3D 高斯泼溅小熊
linux·前端·ubuntu·3d
Good kid.23 分钟前
开源一套 Vue3 多模态 AI 控制台前端:游乐场、工作室与 API 文档页
前端·人工智能·开源
小林ixn23 分钟前
前后端模块化分离实战:从零搭建用户列表展示(HTML+CSS+JS + json-server)
前端·javascript
天才熊猫君24 分钟前
我把一个 bug 发给 ai,ai 直接通过 playwright mcp 直接排查出 bug。。
前端·javascript
布兰妮甜44 分钟前
Vue 视图不更新?常见赋值踩坑点汇总
前端·javascript·vue.js·vue踩坑·vue视图不更新
前端 贾公子1 小时前
uni-app工程化实战:基于vue-i18n和i18n-ally的国际化方案 (下)
前端
@zulnger1 小时前
selenium 操作浏览器
前端·javascript·selenium