uni-app开发问题总结（小程序与h5）1：tabbar与redirectTo的混合使用

我会带着你远行 2022-01-10 15:05 177阅读 0赞

页面配置如下图所示：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RhbjkzNzQ_size_16_color_FFFFFF_t_70][]

### 问题：我在index页面用了tabbar，分别是index和user页面， ###

### 在index页面用redirectTo跳转showhow页面如下： ###

uni.redirectTo({
    	url: '/pages/showhow'
    })

在showhow页面我用了

uni.redirectTo({
    					url: '/pages/exam'
    				})

然后在exam再用redirectTo跳转showhow页面的时候，报了错：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RhbjkzNzQ_size_16_color_FFFFFF_t_70 1][]

### 原因： ###

tabbar的俩个页面：index和user，其中在index用redirectTo跳转showhow页面时，把tabbar的index页面给消除了，这导致了在后边的页面里tabbar的俩个页面变成了：showhow和user，所以在后续操作中，只要用redirectTo跳转showhow和user其中的页面，就会报错

### 解决方案（一）： ###

在所有的tabbar页面跳转都要用navigateto,来确保tabbar的list不发生任何改变，而小程序不受影响

// #ifdef H5
    					uni.navigateTo({
    						url: '/pages/exam'
    					})
    					// #endif
    					// #ifdef MP-WEIXIN
    					uni.redirectTo({
    						url: '/pages/exam'
    					})
    					// #endif

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RhbjkzNzQ_size_16_color_FFFFFF_t_70]: /images/20220110/640cd3648aba4c2b83d2b592aabb9543.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RhbjkzNzQ_size_16_color_FFFFFF_t_70 1]: /images/20220110/4f123873148e45ff970ffe1fc7965c8f.png