IT评测·应用市场-qidao123.com技术社区

标题: uniapp自界说tabbar，根据脚色动态表现不同tabbar，无闪动题目 [打印本页]

作者: 石小疯 时间: 2025-4-15 23:30
标题: 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企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 IT评测·应用市场-qidao123.com技术社区 (https://dis.qidao123.com/)