微信小程序携参跳转页面

Posted 2021-03-04 饕

微信小程序携参跳转页面

前页面

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

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

好了，这是最简单的。