背景
为适应需求变化,跳转新的页面,增添逻辑后发现跳转页面闪现两次,核心代码如下:
export const onViewGoods = (obj, opts, ckType) => {
if (jumpLink === '/xx/xx/xx') {
wxRouter.navigateTo({
url: jumpLink,
query: {
categoryId
}
})
}
wxRouter.navigateTo({
url: jumpLink
})
}
问题表现
1、同样一段代码,运行以后,ios正常跳转;安卓出现跳转页面闪现两次
问题定位
上述核心代码中,进入if逻辑后没有return跳出逻辑,导致,进入if逻辑后,还会执行如下代码:
wxRouter.navigateTo({
url: jumpLink
})
解决方案
export const onViewGoods = (obj, opts, ckType) => {
if (jumpLink === '/xx/xx/xx') {
// 添加return,进入此if逻辑后,跳出方法
return wxRouter.navigateTo({
url: jumpLink,
query: {
categoryId
}
})
}
wxRouter.navigateTo({
url: jumpLink
})
}
思考
1、ios和安卓系统对于if的底层处理好像是不一样的,根据此现象,大概猜测在ios系统中,进入if逻辑以后,虽然没有写return但是会默认做处理跳出方法,但安卓却不会
2、即使是简单的if判断,也要注意逻辑的完整性~否则会导致莫名的问题