关于微信页面跳转相关注意点

最新推荐文章于 2021-10-04 23:15:24 发布

原创最新推荐文章于 2021-10-04 23:15:24 发布 · 299 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #页面跳转 #navigator

微信小程序专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了小程序中的五种页面导航方式：打开新页面、页面重定向、页面返回、Tab切换和重启动。每种方式都有其适用场景和限制，如navigateTo会将页面压入堆栈，redirectTo则会关闭当前页面并打开新页面，而switchTab专门用于切换TabBar页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.打开新页面

调用API wx.navigateTo
使用组件<navigator open-type="navigateTo"/>

使用：比如在index中点击button按钮跳转页面，那么就在button中绑定一个bindtap点击事件，在绑定的点击事件中调用接口wx.navigateTo，在接口中传入url你需要跳转的页面地址。
在当前页面的js文件下，定义一个函数，列如jump，

 jump: function () {
    wx.navigateTo({
      url:'../join/join',//你要跳转的页面，注意不可以跳转到有Tarbar的页面，路径也要注意
      success:function(){
      },//成功的回调

      fail: function () { },//失败的回调

      complete: function () { }//结束后的回调（成功，失败都回调）
    })
  }