uniapp 自带tabbar
时间: 2023-09-13 14:03:40 浏览: 52
在uniapp中,它自带了一个tabbar组件,可以用来实现底部导航栏的功能。[1] 通过配置tabBar.list数组,你可以设置底部导航栏的样式和功能。需要注意的是,tabBar.list数组的第一项必须与pages配置中的第一项相同,以确保底部导航栏的正确显示和跳转功能的正常使用。 此外,对于uniapp提供的路由跳转方式,可以实现拦截和监听,但无法拦截底部导航栏的切换跳转。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [uniapp中弹出层如何遮挡住uniapp中自带的tabbar](https://blog.csdn.net/weixin_42588555/article/details/129491316)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [uniapp:tabBar配置后不显示的问题](https://blog.csdn.net/mouday/article/details/131612416)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [uniapp路由拦截,uniapp使用addInterceptor路由拦截(vue2 OR vue3)](https://download.csdn.net/download/qq_40591925/87658822)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]