《微信小程序跳转页面安卓闪现两次》

Posted 2022-11-25 杨晓风-linda

背景

为适应需求变化，跳转新的页面，增添逻辑后发现跳转页面闪现两次，核心代码如下：

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判断，也要注意逻辑的完整性~否则会导致莫名的问题