uni-app开发问题总结(小程序与h5)1:tabbar与redirectTo的混合使用

页面配置如下图所示:

uni-app开发问题总结(小程序与h5)1:tabbar与redirectTo的混合使用_第1张图片

问题:我在index页面用了tabbar,分别是index和user页面,

在index页面用redirectTo跳转showhow页面如下:

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

在showhow页面我用了

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

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

uni-app开发问题总结(小程序与h5)1:tabbar与redirectTo的混合使用_第2张图片

原因:

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

 

你可能感兴趣的:(前端框架之uni-app)