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


可以使用标签直接传递

  <navigator class="gotoDetail" target="self" url="../detail/detail?vedioSrc={{item.videoSrc}}"></navigator>

然后在跳转到的页面onLoad钩子函数中  使用options接受参数
 onLoad: function (options) {
    console.log(options)
    this.setData({
      vedioSrc:options.vedioSrc
    })
  },

  

也可以使用编程路由(vue概念)传递

 

<view  bindtap='tapLogin' >
立即登录
</view>


绑定函数
//a.js 跳转函数
tapLogin:function() {
//这一步是为了把模板语言转化成js语言
var id=that.data.id; 
var tu = that.data.id

wx.navigateTo({
url: '/pages/b/b?id=' + 1 + "&tu=" + 'a.jpg'
});

}


跳转到的页面接受
onLoad: function (options) {       //options用于接收上个页面传递过来的参数
  var that = this;
  that.setData({                     
     b_id: options.id,      
     b_tu: options.tu,
})
}
 

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM