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});
    },
相关推荐
烛阴21 小时前
Python数据可视化:从零开始教你绘制精美雷达图
前端·python
全栈前端老曹21 小时前
【前端组件封装教程】第3节:Vue 3 Composition API 封装基础
前端·javascript·vue.js·vue3·组合式api·组件封装
LinXunFeng21 小时前
Flutter 拖拉对比组件,换装图片前后对比必备
前端·flutter·开源
BD_Marathon21 小时前
【PySpark】安装测试
前端·javascript·ajax
stu_kk21 小时前
Ecology9明细表中添加操作按钮与弹窗功能技术分享
前端·oa
带着梦想扬帆启航21 小时前
UniApp 全局使用字体教程
css·uni-app
dkgee21 小时前
如何禁止Chrome的重新启动即可更新窗口弹窗提示
前端·chrome
Best21 小时前
uniapp 微信小程序记录
微信小程序·小程序·uni-app
天若有情6731 天前
新闻通稿 | 软件产业迈入“智能重构”新纪元:自主进化、人机共生与责任挑战并存
服务器·前端·后端·重构·开发·资讯·新闻
香香爱编程1 天前
electron对于图片/视频无法加载的问题
前端·javascript·vue.js·chrome·vscode·electron·npm