丶烨默
丶烨默
  • 发布:2021-02-08 16:22
  • 更新:2021-02-20 19:39
  • 阅读:723

【报Bug】uni.setTabBarItem连续调用两次时报错

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.1.2

浏览器平台: Chrome

项目创建方式: HBuilderX

示例代码:

onLaunch: function() {

        uni.setTabBarItem({  
            index:2,  
            pagePath:'/pages/user/login'  
        })  
        uni.setTabBarItem({  
            index:3,  
            pagePath:'/pages/user/login'  
        })  

})

操作步骤:

参考代码示例

预期结果:

不应该有报错

实际结果:

有报错

bug描述:

业务逻辑是这样的:应用未登录时 把 tabbar 中的后两个('订单'和'个人中心')的pagePath (跳转路径)都设置为登录页 然后H5端报错如下
此时每次点击tabbar时都会报错 但是不影响操作
不设置为同一个页面时报错消失
渲染方式是纯nvue项目(renderer=naive)
注:代码示例里面是部分代码,实测结果与项目里一致

2021-02-08 16:22 负责人:无 分享
已邀请:
DCloud_UNI_LXH

DCloud_UNI_LXH

在H5上,tabbar是使用循环渲染的。使用的key值为pagePath(页面路径)。如果有两个key值,既tabbar中有重复的pagepath,vue就会报这个错。

该问题目前已经被锁定, 无法添加新回复