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});
    },
相关推荐
Sapphire~5 分钟前
重学前端003 --- CSS 颜色
前端·css
慧一居士5 分钟前
CSS和CSS3区别对比
前端·css3
我血条子呢5 分钟前
动态组件和插槽
前端·javascript·vue.js
中微子13 分钟前
RESTful架构与前后端路由演进:构建现代化Web应用的核心规范
前端
前端付豪14 分钟前
13、表格系统架构:列配置、嵌套数据、复杂交互
前端·javascript·架构
南屿im20 分钟前
发布订阅模式和观察者模式傻傻分不清?一文搞懂两大设计模式
前端·javascript
I_have_a_lemon20 分钟前
前端、产品、设计师神器推荐——Onlook
前端·cursor
前端小巷子21 分钟前
深入解析CSRF攻击
前端·安全·面试
JustHappy22 分钟前
SPA?MPA?有啥关系?有啥区别?聊一聊页面形态 or 路由模式
前端·javascript·架构
每天开心22 分钟前
🧙‍♂️闭包应用场景之--防抖和节流
前端·javascript·面试