uniapp 怎么获取 tabbar list?
当我们想要自定义一个底部导航栏的时候会在page.json进行配置tabbar

"tabBar": {
		"custom": true,
		"list": [
			{
				"iconPath": "",
				"pagePath": "pages/index/index",
				"text": "首页"
			},
			{
				"pagePath": "pages/choose-car/choose-car",
				"text": "选车"
			},
			{
				"pagePath": "pages/detection/detection",
				"text": "检测"
			},
			{
				"pagePath": "pages/my-car/my-car",
				"text": "爱车"
			},
			{
				"pagePath": "pages/my/my",
				"text": "我的"
			}
		]
	}

应该怎么获取?
这个page.json在src下,那么我们可以直接导入进行使用

<script setup lang="ts">
import { onLoad, onShow } from '@dcloudio/uni-app';
import { ref } from 'vue';
import pagesJson from '@/pages.json'; 

const tabBarList = ref()
onShow(()=>{
	tabBarList.value =  pagesJson?.tabBar?.list ?? [] 
	console.log(tabBarList.value);
})
</script>

这样就直接拿到了tabbar list列表

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐