微信小程序携参跳转页面
前页面
首先在前一个页面写一个按钮,点击按钮跳转到新的页面。
<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)
},
好了,这是最简单的。