微信小程序携参跳转页面

时间:2020-03-23 11:18:44   收藏:0   阅读:105

微信小程序携参跳转页面

前页面

首先在前一个页面写一个按钮,点击按钮跳转到新的页面。

  <button bindtap="tiaozhuan">跳转到news</button>

技术图片

写一个方法,让他跳转到其他页面顺便带一个参数。

// 跳转页面
  tiaozhuan(){
    wx.navigateTo({
      url: ‘../news/news?id=wjw1014‘,
    })
  },

上边的代码是 在点击按钮的时候跳转到news页面,传进去一个参数id值是wjw1014。

新页面

接下来就是新页面的接收,开启前接受前页面传进的id值,也很简单。

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var postId = options.id;
    this.setData({
      msg : postId
    })
    console.log(postId)
  },

技术图片

好了,这是最简单的。

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!