微信小程序携参跳转页面

微信小程序携参跳转页面

前页面

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

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

技术图片

好了,这是最简单的。

相关文章