微信小程序 -- 页面跳转和参数传递

wx.navigateTo(OBJECT)

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

OBJECT 参数说明:

参数 类型 必填 说明
url String 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2'
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.navigateTo({
  url: 'test?id=1'
})
//test.js
Page({
  onLoad: function(option){
    console.log(option.query)
  }
})

注意:目前页面路径最多只能十层。

另一个页面接收:(其它导航API同理)

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
    // 页面初始化 options为页面跳转所带来的参数
    this.setData({
        options.key
    });
},

 

 

你可能感兴趣的:(微信小程序 -- 页面跳转和参数传递)