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});
    },
相关推荐
霍理迪13 小时前
CSS盒模型布局规则
前端·javascript·css
千寻girling13 小时前
面试官: “ 说一下 JS 中什么是事件循环 ? ”
前端·javascript
程序员龙语13 小时前
CSS 高级选择器应用
前端·css
Cassie燁13 小时前
el-table源码解读2-2——createStore()初始化方法
前端·javascript·vue.js
程序员修心13 小时前
CSS文本样式全解析:11个核心属性详解
前端·css
旧梦吟14 小时前
脚本网站 开源项目
前端·web安全·网络安全·css3·html5
北极糊的狐14 小时前
按钮绑定事件达成跳转效果并将树结构id带入子页面形成参数完成查询功能并将返回的数据渲染到页面上2022.5.29
前端·javascript·vue.js
幽络源小助理14 小时前
幽络源二次元分享地址发布页源码(HTML) – 源码网免费分享
前端·html
全栈前端老曹14 小时前
【ReactNative】页面跳转与参数传递 - navigate、push 方法详解
前端·javascript·react native·react.js·页面跳转·移动端开发·页面导航
用泥种荷花15 小时前
【前端学习AI】Python环境搭建
前端