石小疯 发表于 2025-4-15 23:30:36

uniapp自界说tabbar,根据脚色动态表现不同tabbar,无闪动题目

作者:coderYYY
个人简介:前端步伐媛,目前主攻web前端,后端辅助,其他技能知识也会偶尔分享欢迎和我一起交流!(批评和私信一般会回!!)
个人专栏推荐:《前端项目教程以及代码》
✨一、前言

这个需求在开发中还是很常见的,搜索了网络其他教程,要么太复杂要么有bug,或是没有完整代码,自己摸索实现了一个,目前没有发现bug,试了h5和微信小步伐都没题目,代码算比较简便
二、具体实现

1. 新建CustomTabBar组件

这里用uView的组件,固然也可以自己写一个
<template>
<u-tabbar
    :value="current"
    @change="handleTabChange"
    :fixed="true"
    :placeholder="true"
    :safeAreaInsetBottom="true"
>
    <u-tabbar-item
      v-for="(item, index) in tabList"
      :key="index"
      :text="item.text"
      :icon="item.icon
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: uniapp自界说tabbar,根据脚色动态表现不同tabbar,无闪动题目