在uniapp当中隐藏掉默认tabbar并且使用自己的tabbar

1. 修改配置

js 复制代码
"tabBar": {
	"custom": true,
	"selectedColor": "#ffdead",
	"list": [{
		"pagePath": "pages/index/index",
		"text": "首页"
	}]
},
js 复制代码
//在引入自定义Tabbar组件的时候在载入的时候手动注释一下
import {
	onLoad
} from '@dcloudio/uni-app'

onLoad(() => {
	uni.hideTabBar();
})
//切记app.vue里面也要写一下
onLaunch: function() {
		console.log('App Launch')
		uni.hideTabBar()
		uni.removeStorageSync('selectedIndex')
	},

2. 引入组件

js 复制代码
//这里跳转的最好是在tabbar的基础上加上根路径要不然是相对地址会错
const tabBarChange = (url) => {
	uni.switchTab({
		url: url
	})
}
相关推荐
boooooooom31 分钟前
别再用错 ref/reactive!90%程序员踩过的响应式坑,一文根治
javascript·vue.js·面试
德育处主任32 分钟前
『NAS』一句话生成网页,在NAS部署UPage
前端·javascript·aigc
前端老兵AI33 分钟前
前端工程化实战:Vite + ESLint + Prettier + Husky 从零配置(2026最新版)
前端·vite
bluceli34 分钟前
浏览器渲染原理与性能优化实战指南
前端·性能优化
张元清35 分钟前
Astro 6.0:被 Cloudflare 收购两个月后,这个"静态框架"要重新定义全栈了
前端·javascript·面试
凉拌西红柿37 分钟前
如何用工具定位性能瓶颈
前端
青青家的小灰灰38 分钟前
深入理解 async/await:现代异步编程的终极解决方案
前端·javascript·面试
阿懂在掘金40 分钟前
早点下班(Vue2.7版):旧项目也能少写 40%+ 异步代码
前端·vue.js·开源
Mintopia40 分钟前
Web性能测试流程全解析:从概念到落地的完整指南
前端·性能优化·测试
用户5757303346241 小时前
JavaScript 原型继承全解析:从 call/apply 到寄生组合式继承
javascript