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

时间：2017-04-24 15:45:54 收藏：0 阅读：6266

页面之间跳转使用 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

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

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