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});
    },
相关推荐
Electrolux8 小时前
基于WASM的纯前端Office解决方案:在线编辑/导入导出/权限切换(已开源)
前端
合作小小程序员小小店8 小时前
web网页开发,在线%医院诊断管理%系统,基于Idea,html,css,jQuery,java,jsp,ssh,mysql。
java·前端·css·数据库·jdk·html·intellij-idea
爱学习的程序媛9 小时前
【Web前端】Vue2与Vue3核心概览与优化对比
前端·javascript·vue.js·typescript
li@h9 小时前
如何在电脑端访问小程序时在胶囊添加一个全屏和缩放功能
前端
LFly_ice10 小时前
学习React-23-React-router
前端·学习·react.js
我叫张小白。10 小时前
TypeScript对象类型与接口:构建复杂数据结构
前端·javascript·typescript
墨客希10 小时前
如何快速掌握大型Vue项目
前端·javascript·vue.js
大福ya10 小时前
AI开源项目改造NextChat(ChatGPT-Next-Web)实现前端SSR改造打造一个初始框架
前端·chatgpt·前端框架·开源·aigc·reactjs·ai编程
n***333510 小时前
SpringBoot返回文件让前端下载的几种方式
前端·spring boot·后端
纯粹的热爱11 小时前
🌐 阿里云 Linux 服务器 Let's Encrypt 免费 SSL 证书完整部署指南
前端