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

相关推荐
fengyucaihong_12316 小时前
前端传递list,字符串
前端
颜酱16 小时前
用填充表格法-理解01背包及其变体问题
前端·javascript·算法
爱分享的鱼鱼16 小时前
Vue3+ElementUI树形菜单:构建层次化用户界面
前端
JS_GGbond16 小时前
JavaScript的new魔法:从零创造一个对象的奇妙旅程
前端
踩着两条虫16 小时前
VTJ.PRO「AI + 低代码」应用开发平台 原理概述
前端·vue.js·人工智能
lichong95116 小时前
【鸿蒙】web 加载vue dist 包里的 html
前端·javascript·vue.js·git·typescript·html·harmonyos
wuhen_n16 小时前
Promise实例方法解析:then()、catch()、finally()
前端
C_心欲无痕16 小时前
网络相关 - 浏览器输 URL后发生的完整过程
前端·网络
fe小陈16 小时前
针对 zustand 的灵魂拷问
前端·react.js
zmirror16 小时前
Vue3 动态路由下的 KeepAlive 设计方案
前端·vue.js