uniapp 获取 tabbar list
·
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列表
更多推荐


所有评论(0)