微信小程序中如何实现页面跳转和传参?(微信小程序怎么做页面跳转)
微信小程序中实现页面跳转和传参可以通过以下步骤:
1. 使用`wx.navigateTo`方法进行页面跳转,该方法接受一个对象参数,其中`url`属性为跳转的页面路径。
2. 在跳转的页面中,可以通过`onLoad`生命周期函数获取跳转时传递的参数,该函数的参数为一个对象,其中`query`属性为跳转时传递的参数。
示例代码如下:
“`js
// 跳转页面
wx.navigateTo({
url: '/pages/detail/detail?id=123'
})
// 接收参数
Page({
onLoad: function(options) {
console.log(options.id) // 输出 123
}
})
“`
补充一下,如果需要在跳转的页面中传递多个参数,可以在`url`中使用`query`参数,例如:
“`js
wx.navigateTo({
url: '/pages/detail/detail?id=123&name=abc'
})
“`
在跳转的页面中,可以通过`options`对象获取传递的多个参数:
“`js
Page({
onLoad: function(options) {
console.log(options.id) // 输出 123
console.log(options.name) // 输出 abc
}
})
“`