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});
    },
相关推荐
JarvanMo4 分钟前
Dart 3.10中的新的lint规则
前端
爱心发电丶7 分钟前
基于UniappX开发电销APP,实现通话录音上传、通时通次
前端
sxjk198712 分钟前
华为IMS系统主要接口备忘
运维·服务器·前端·核心网
T***u33327 分钟前
前端Server Components性能分析 Server Components架构原理
前端
Q***f63530 分钟前
前端动画性能优化,60fps实现技巧
前端
艾莉丝努力练剑32 分钟前
【自动化测试实战篇】Web自动化测试实战:从用例编写到报告生成
前端·人工智能·爬虫·python·pycharm·自动化·测试
Mintopia32 分钟前
💥 Trae Solo 编程 vs. Cursor:新机遇与新挑战
前端·人工智能·trae
Mintopia37 分钟前
🌌 长上下文 AIGC 的性能瓶颈:Web 端技术的突破与妥协
前端·人工智能·trae
天蓝色的鱼鱼40 分钟前
前端小白Express入门:初识Web框架与项目搭建
前端·node.js·express
一只小阿乐1 小时前
react 点击事件注意事项
前端·javascript·react.js·react