Menu Explicit/Hidden

微信小程序跳转页面代码

可以使用wx.navigateTo或wx.redirectTo方法来跳转页面。

wx.navigateTo({
url: ‘/pages/index/index’
})

wx.redirectTo({
url: ‘/pages/index/index’
})

下面我来详细解答一下。

微信小程序跳转页面代码可以使用wx.navigateTo或wx.redirectTo方法来实现。这两个方法的区别在于:

wx.navigateTo:保留当前页面,跳转到应用内的某个页面,可以返回原页面。

wx.redirectTo:关闭当前页面,跳转到应用内的某个页面,不可以返回原页面。

下面是具体的代码实现:

使用wx.navigateTo跳转页面:

wx.navigateTo({
  url: '/pages/index/index'
})

其中,url参数为要跳转的页面路径,需要以“/”开头。

使用wx.redirectTo跳转页面:

wx.redirectTo({
  url: '/pages/index/index'
})

同样,url参数为要跳转的页面路径,需要以“/”开头。

需要注意的是,跳转的页面必须在app.json文件中进行配置,否则会出现跳转失败的情况。

另外,如果需要传递参数到跳转的页面,可以在url参数中使用query参数,例如:

wx.navigateTo({
  url: '/pages/index/index?id=123&name=test'
})

在跳转的页面中,可以通过options参数获取传递的参数,例如:

Page({
  onLoad: function (options) {
    console.log(options.id) // 输出:123
    console.log(options.name) // 输出:test
  }
})

希望这个解答能够帮到你,如果还有其他问题,欢迎继续提问。