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

相关推荐
神仙别闹几秒前
VUE框架 + Element UI + Node 模拟打印机的 Web 即时打印
前端·vue.js·ui
vivo互联网技术2 分钟前
把输入框变成 AI 的“超级入口”(ProseMirror 全流程实战)
前端·agent
lunzi_08263 分钟前
《图解HTTP》--第5章-与HTTP协作的Web服务器
服务器·前端·http
李剑一11 分钟前
面试第一关!面试官:讲一下事件循环机制,宏&微任务,还有渲染时机
前端·面试
shuoshuohaohao14 分钟前
《CSS》
前端·css
西部荒野子15 分钟前
Zustand 状态管理规范:别让轻量状态变成隐形通知风暴
前端·javascript
之歆15 分钟前
Day03_ES6 深度解析与实战应用:运算符、Symbol、Class、集合与迭代协议
前端·ecmascript·es6
Carson带你学Android25 分钟前
Kotlin放大招!官方 Skills 直接喂出「专家级」代码
android·前端·kotlin
之歆27 分钟前
Day04_ES6完全指南:从入门到精通的现代化JavaScript开发
前端·javascript·es6