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});
    },
相关推荐
极光代码工作室6 分钟前
基于SpringBoot的校园招聘信息管理系统的设计与实现
java·前端·spring
打小就很皮...22 分钟前
React VideoPlay 组件封装与使用指南
前端·react.js·video
Ace_317508877625 分钟前
微店平台关键字搜索接口深度解析:从 Token 动态生成到多维度数据挖掘
java·前端·javascript
苏小画35 分钟前
Vue 组件库从创建到发布全流程
前端·javascript·vue.js
月小满38 分钟前
DataV轮播时其他组件的内容也一起滚动 修复bug的方法
前端·vue.js·bug·大屏端
小莫分享1 小时前
Github Action 一键部署HTML 静态服务
前端·html·github
星释1 小时前
Rust 练习册 66:密码方块与文本加密
java·前端·rust
IT_陈寒1 小时前
React性能翻倍!90%开发者忽略的5个Hooks最佳实践
前端·人工智能·后端
亿元程序员1 小时前
光图片就300多M,微信小游戏给再大的分包也难啊!
前端
中工钱袋2 小时前
前端请求到底是从哪里发出去的?
前端