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});
    },
相关推荐
猩猩程序员7 小时前
前端学习 AI Agent 开发
前端
Younglina8 小时前
打了3年羽毛球球才发现:我对自己的装备和胜率一无所知
前端·后端
风骏时光牛马8 小时前
Bash脚本高阶实战与常见报错完整代码案例详解
前端
kartjim8 小时前
我用 AI 一小时写了一个世界杯数据可视化平台|前端 VibeCoding 初体验
前端·程序员·ai编程
lichenyang4538 小时前
从一个 WebView Demo 开始,理解 ASCF 小程序底座到底在做什么
前端
牧艺8 小时前
用 Next.js 搭建 AI Agent 前端编排:从 Plan 到 SSE Trace 的完整实践
前端·agent
行者全栈架构师8 小时前
UniApp集成vk-uview-ui组件库详解:打造高效UI开发体验
前端·vue.js
林希_Rachel_傻希希8 小时前
js里面的proxy理解。以及vue3响应式数据设计底层
前端·javascript·面试
sunrains8 小时前
uniapp x 动态Tabbar(切换无闪烁)+动角标+主题切换+自定义tabbar页面导航栏样式设置 支持服务端动态配置根据角色动态设置Tabbar
前端
把马铃薯变成土豆8 小时前
前端Stripe跨境支付对接感想
前端·源码