uniapp 自定义tabbar页面不刷新

最近在做自定义tabbar时,每次切换页面都要刷新,页面渲染很慢,需要实现切换页面不刷新问题。

结局思路,原生的tabbar切换页面时就不选新,用switchTab来跳转

1.pages.json中配置tabbar,如下,设置高度为0,界面只需要设置路径

复制代码
"tabBar":{
		"list": [
			{
				"pagePath":"pages/home/index"
			},{
				"pagePath":"pages/category/index"
			},{
				"pagePath":"pages/AI/index"
			},{
				"pagePath":"pages/collect/index"
			},{
				"pagePath":"pages/my/index"
			}
		],
		"height":"0px"
	},
  1. app.vue中隐藏原生tabbar

    onLaunch: function() {
    uni.hideTabBar()
    console.log('App Launch')
    },

3.在自定义tab页面中用switchTab跳转

复制代码
navigateToMoveCar(url,title) {
      console.log(url)
      uni.switchTab({url: url});
    },
相关推荐
2501_9159214311 分钟前
iOS混淆与IPA加固全流程(iOS混淆 IPA加固 Ipa Guard实战)
android·ios·小程序·https·uni-app·iphone·webview
liusheng12 分钟前
腾讯地图 SDK 接入到 uniapp 的多端解决方案
前端·uni-app
拉不动的猪17 分钟前
如何处理管理系统中(Vue PC + uni-app 移动端):业务逻辑复用基本方案
前端·javascript·架构
边洛洛22 分钟前
next.js项目部署流程
开发语言·前端·javascript
Zsnoin能22 分钟前
浏览器连接 新北洋BTP-P33/P32蓝牙打印机,打印 二维码
前端
游戏开发爱好者827 分钟前
iOS 26 App 开发阶段性能优化 从多工具协作到数据驱动的实战体系
android·ios·小程序·uni-app·iphone·webview·1024程序员节
非凡ghost29 分钟前
Syncovery Premium(文件同步软件)
前端·javascript·后端
2501_9151063233 分钟前
深入剖析 iOS 26 系统流畅度,多工具协同监控与性能优化实践
android·ios·性能优化·小程序·uni-app·cocoa·iphone
trsoliu33 分钟前
2025前端AI Coding产品与实战案例大盘点
前端·ai编程
云中雾丽42 分钟前
react-checkbox的封装
前端