微信小程序页面跳转传参

<>跳转到下一个页面

在page1.wxml写点击事件
<button bindtap="next_page" type="primary">跳转到下一个页面</button>
page1.js
data: { id: 0 }, next_page(){ wx.navigateTo({ url: '/pages/demo1/demo1?id=' +
this.data.id, }) },
在page2.js的onLoud中控制台输出传递的id值
/** * 生命周期函数--监听页面加载 */ onLoad(options) { console.log(options.id) },
控制台输出结果

<>从本页面返回上一个页面

在page2.wxml写点击事件
<button bindtap="back_page" type="primary">返回上一个页面</button>
page2.js
data: { index: 1 }, back_page() { var pages = getCurrentPages(); let prevPage =
pages[pages.length - 2]; prevPage.setData({ index: this.data.index }) wx.
navigateBack({ delta: 0, }) },
因为返回上一个页面，页面不会加载，需要在onShow中
data: { index: 0 }, /** * 生命周期函数--监听页面显示 */ onShow: function () { console.log(
this.data.index) },
返回上一个页面，控制台输出结果

• « 上一篇：element ui el-dialog关闭窗口清空表单验证
• » 下一篇：ES6新增属性let 代替函数闭包解决问题