首页 > 代码库 > 微信小程序 页面跳转navigator与传递参数

微信小程序 页面跳转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: "", 
  }, 
  onl oad: 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与传递参数