欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序----页面跳转

程序员文章站 2024-02-11 17:46:22
...

页面跳转在微信开发文档中的位置链接:
页面跳转
声明:首先这里有三个页面index页面(A)和log 页面(B) 还有detail页面©,方便代码演示

1.跳转到新页面

wx.navigateTo(Object object)
保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。
参数列表如下:
微信小程序----页面跳转
index .wxml

页面A
<button bindtap='gotob'>跳转到B页面</button>

index.js

 gotob:function(){
      wx.navigateTo({
      /*不带参数*/
        url:'/pages/logs/logs',
        /*带参数*/
        url:'/pages/logs/logs?id=1',
      })
  },

2.返回指定页面

wx.navigateBack(OBJECT):关闭当前页面返回上一级或多级页面
微信小程序----页面跳转
log.wxml

页面B
<button bindtap='gotoC'>跳转到C页面</button>

log.js

 gotoC: function () {
    wx.navigateTo({
      url: '/pages/detail/detail',
    })
  },

detail.wxml

页面C
<button  bindtap='back'>返回之前的页面</button>

detail.js

 back:function(){
      wx.navigateBack({
        delta:1,//不写delta或者给值为1 跳回B页面
         delta:2,//跳回A,大于2的值也跳回A
      })
  },

3.当前页面重定向

wx.redirectTo(OBJECT) :
关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
参数与代码写法同跳转新页面wx.navigateTo(Object object)
参数如下:
微信小程序----页面跳转

4.重启页面:

wx.reLaunch(Object object):
关闭所有页面,打开到应用内的某个页面
参数与代码写法同跳转新页面wx.navigateTo(Object object)