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

可以使用标签直接传递

  <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,
})
}
 

  

posted @ 2019-08-08 10:57  大桥默默学  阅读(3551)  评论(0编辑  收藏  举报