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});
    },
相关推荐
im_AMBER23 分钟前
Lexical依赖版本冲突与标题渲染
前端·react.js·前端框架
起风了___27 分钟前
解决大数据渲染卡顿:Vue3 虚拟列表组件的完整实现方案
前端·程序员
前端fun27 分钟前
React如何远程加载组件
前端·react.js
代码煮茶36 分钟前
Vue3 路由实战 | Vue Router 从 0 到 1 搭建权限管理系统
前端·javascript·vue.js
gaozhiyong08131 小时前
深度技术拆解:豆包2 Pro vs Gemini 3—国产工程派与海外原生派的巅峰对决
前端·spring boot·mysql
JosieBook1 小时前
【C#】C# 访问修饰符与类修饰符总结大全
前端·javascript·c#
遨游建站1 小时前
谷歌SEO之网站内部优化策略
前端·搜索引擎
华洛2 小时前
聊聊我逃离前端开发前的思考
前端·javascript·vue.js
小码哥_常2 小时前
解锁Android权限申请新姿势:与前置说明弹窗共舞
前端
紫_龙2 小时前
最新版vue3+TypeScript开发入门到实战教程之路由详解三
前端·javascript·typescript