一枚
一枚
  • 发布:2025-04-02 11:06
  • 更新:2025-04-02 15:13
  • 阅读:97

【报Bug】小程序中使用自定义tabbar在switchTab后需要点击2次才能触发active样式

分类:uni-app

产品分类: uniapp/小程序/阿里

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows11

HBuilderX类型: 正式

HBuilderX版本号: 4.57

第三方开发者工具版本号: v3.9.41

基础库版本号: 2.0

项目创建方式: HBuilderX

操作步骤:

新建自定义tabbar组件,使用自定义tabbar组件

预期结果:

使用switchTab语句后可以正常触发高亮样式

实际结果:

使用switchTab语句后需要点击两次才能触发高亮样式

bug描述:

小程序中使用自定义tabbar在switchTab后需要点击2次才能触发active样式,在删除掉switchTab语句后可以正常触发active样式

2025-04-02 11:06 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

你用的这个自定义tabbar 是用的插件吗?还是自己做的组件?能发一个复现项目吗?

  • 一枚 (作者)

    用的组件库,ant-design-mini

    2025-04-02 11:12

  • 爱豆豆

    回复 一枚: 你是怎么使用的呢 能发一个复现demo吗?帮你看下

    2025-04-02 11:15

  • 一枚 (作者)

    回复 爱豆豆: 发了,麻烦帮忙看下

    2025-04-02 11:26

  • 爱豆豆

    回复 一枚: 不是uniapp的bug 是组件问题

    2025-04-02 15:13

爱豆豆

爱豆豆 - 办法总比困难多

测试发现应该是ant-tab-bar的current不生效引起的 你可以自己试试 把current改为1 是不会选中 “我的”
然后你两个页面引入的都是这个组件 默认选中的也都是索引为0的tabbar 当你点"我的"页面其实已经跳转了 但是到了新的页面 默认选中并没有改变还是0 所以要再次点击一下 才能选中 “我的” 就造成了需要点击两次这个问题
这并不是uniapp的bug
你可以向这个UI框架官方反馈下这个current不生效的问题
或者换一个tabbar组件就行了
我换了一个插件即可正常切换 你可以参考下

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容