uni-app 自定义tabbar

在uni-app中自定义tabbar可以通过创建一个自定义组件来实现。首先，你需要在项目中创建一个名为tabbarVue的组件，可以使用如下代码引入组件：

import tabbarVue from '@/components/tabbarVue.vue'

然后，在需要显示tabbar的页面中，使用组件的标签进行引用，例如：

<tabbar-vue :tabBarList="tabBarList" :routePath="routePath" @onTabBar="onTabBar"></tabbar-vue>

在这里，tabBarList是一个包含底部tabBar列表的数据，routePath是当前页面的路径，onTabBar是子组件向父组件传递的事件名称。通过传递这些参数，你可以在自定义tabbar组件中根据需要进行展示和处理。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [uni-app自定义tabBar](https://blog.csdn.net/weixin_55853065/article/details/127616045)[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: 100%"]
[ .reference_list ]