在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
	})
}
相关推荐
酉鬼女又兒13 分钟前
零基础快速入门前端DOM 操作核心知识与实战解析(完整汇总版)(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·职场和发展·蓝桥杯·js
RuoyiOffice1 小时前
企业请假销假系统设计实战:一张表、一套流程、两段生命周期——BPM节点驱动的表单变形术
java·spring·uni-app·vue·产品运营·ruoyi·anti-design-vue
喝拿铁写前端1 小时前
一套面向 Web、H5、小程序与 Flutter 的多端一致性技术方案
前端·架构
yaaakaaang1 小时前
(一)前端,如此简单!---下载Nginx
前端·nginx
牛奶1 小时前
为什么全国人民都能秒开同一个视频?
前端·http·cdn
KongHen022 小时前
uniapp-x实现自定义tabbar
前端·javascript·uni-app·unix
数据潜水员2 小时前
三层统计最小力度的四种方法
javascript·vue.js
汪子熙2 小时前
TS2320 错误的本质、触发场景与在 Angular / RxJS 项目中的系统化应对
前端·javascript·angular.js
我命由我123452 小时前
React - BrowserRouter 与 HashRouter、push 模式与 replace 模式、编程式导航、withRouter
开发语言·前端·javascript·react.js·前端框架·html·ecmascript
Younglina2 小时前
用AI全自动生成连环画?我试了,效果惊艳!
前端·ai编程·claude