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

【报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组件就行了
我换了一个插件即可正常切换 你可以参考下

要回复问题请先登录注册