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]