uniapp页面跳转

页面跳转

uni[type] 是 uni-app 框架提供的跳转方法，type 参数决定了跳转的方式（如 navigateTo、redirectTo 等）。url 指定了跳转的目标页面为微信小程序的登录页面。

 //uni是一个函数方法MAP，方法接收的是一个对象，对象有一个url成员
 // #ifndef MP-WEIXIN
   uni[type]({url: "/pages/passport/login",});
 //  #endif

 这部分代码使用了条件编译指令 #ifndef MP-WEIXIN，表示在非微信小程序环境下执行。同样，uni[type] 用于跳转，但目标页面为普通登录页面。

uniapp redirectTo和navigateTo跳转方式的不同

在 uni-app 中，redirectTo 和 navigateTo 是两种不同的页面跳转方式，它们的主要区别如下：

navigateTo

• 功能：保留当前页面，跳转到应用内的某个页面。新页面会压入页面栈，用户可以通过点击返回按钮返回到原页面。

• 适用场景：适用于需要保留当前页面状态，并且用户可能需要返回原页面的情况。例如，从列表页跳转到详情页。

• 示例：

  uni.navigateTo({
      url: '/pages/detail/detail?id=123'
    });

redirectTo

• 功能：关闭当前页面，跳转到应用内的某个页面。新页面会替换当前页面，当前页面会被销毁，用户无法通过返回按钮返回到原页面。

• 适用场景：适用于不需要保留当前页面状态，且用户不需要返回原页面的情况。例如，登录成功后跳转到首页。

• 示例：

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

总结

• navigateTo：保留当前页面，新页面压入页面栈，用户可以返回。

• redirectTo：关闭当前页面，新页面替换当前页面，用户无法返回。

在登录功能中是使用，navigateToLogin("redirectTo") 用 redirectTo 方法，这意味着在退出登录后，用户将被重定向到登录页面，无法通过返回按钮返回到退出登录前的页面。在查看购物车和订单详情中使用uni.navigateTo()可以返回原来的页面。