微信小程序携参跳转页面

微信小程序携参跳转页面

前页面

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

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

微信小程序携参跳转页面

好了,这是最简单的。

微信小程序携参跳转页面

上一篇:微信小程序开发中的http请求总结


下一篇:微信小程序setInterval的使用和setTimeout的使用