您的位置:首页 > 移动开发 > 微信开发

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

2017-04-24 14:38 1076 查看
页面之间跳转使用 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" [code]open-type="redirect"
>在当前页打开</navigator> [/code]

或者

// 跳转到新页面
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: