微信小程序 页面跳转navigator与传递参数

时间:2023-03-09 02:51:13
微信小程序 页面跳转navigator与传递参数

页面之间跳转使用 navigator标签,wx.navigateTo ,wx.redirectTo

1、URL就是跳转的页面路径.上面代码中就是navigator目录下的navigator页面,title是参数。
navigator下redirect属性是值在当前页打开.如果不加redirect就是跳转到新页面.都可以携带参数。

如果需要传多个参数, 用 & 链接即可

<navigator url="../navigator/navigator?title=我是navigate" >跳转到新页面</navigator>
<navigator url="../redirect/redirect?title=我是redirect" open-type="redirect">在当前页打开</navigator>

或者

// 跳转到新页面
wx.navigateTo({
url: "../navigator/navigator?title=我是navigate"
})
// 在当前页打开
wx.redirectTo({
    url: ../redirect/redirect?title=我是redirect"
})

2、在跳转的js代码可以获取到title参数

Page({
data:{
title: "",
},
onLoad: function(options) {
this.setData({
title: options.title
})
}
})

文件引用:

https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=1476197487811

http://www.jianshu.com/p/0135769db89c