微信小程序--页面间的通信和页面跳转传参
192 浏览量
2021-03-29
18:06:55
上传
评论 1
收藏 38KB PDF 举报
微信小程序微信小程序--页面间的通信和页面跳转传参页面间的通信和页面跳转传参
最近在做微信小程序时，涉及到了把值从一个页面传递到另一个页面的问题，在网上查阅了一些资料，在这里总结一下常用的
方法。
1、页面跳转时，在跳转的url中传递，比如：
1. wx.navigateTo({
2. url: '../InfoContent/InfoContent?id=1'
3. });
在InfoContent页面：
1. onLoad: function (options) {
2. //页面初始化 options为页面跳转所带来的参数
3. var s = this;
4. var id=options.id;//获取值
5. }
2、全局变量的形式 app.js代码：
1. globalData:{
2. id: 1
3. }
赋值代码：
1. var app = getApp();
2. app.globalData.id=2
取值代码：
1. var app = getApp();
2. var id=app.globalData.id;
1、pagejump.wxml:
1. <view class="page">
2.
3. <button type="default" bindtap="onBtnClick">跳转到新页面</button>
4. </view>
2、pagejump.js
1. Page({
2. data: {
3. lastval: {},
4. showBtn: false,
5. },
6. onLoad: function (options) {
7. // 生命周期函数--监听页面加载
8. var that = this;
9. console.log('onLoad is invoked');
10. console.log(options);
11. that.setData({
12. lastval: options.val,
13.
评论0