微信小程序页面间的通信
2017-07-16 20:47
183 查看
最近在做微信小程序时,涉及到了把值从一个页面传递到另一个页面的问题,在网上查阅了一些资料,在这里总结一下常用的方法。
1、页面跳转时,在跳转的url中传递,比如:
wx.navigateTo({
url: '../InfoContent/InfoContent?id=1'
});
在InfoContent页面:
onLoad: function (options) {
//页面初始化 options为页面跳转所带来的参数
var s = this;
var id=options.id;//获取值
}
2、全局变量的形式
app.js代码:
globalData:{
id: 1
}
赋值代码:
var app = getApp();
app.globalData.id=2
取值代码:
var app = getApp();
var id=app.globalData.id;
1、页面跳转时,在跳转的url中传递,比如:
wx.navigateTo({
url: '../InfoContent/InfoContent?id=1'
});
在InfoContent页面:
onLoad: function (options) {
//页面初始化 options为页面跳转所带来的参数
var s = this;
var id=options.id;//获取值
}
2、全局变量的形式
app.js代码:
globalData:{
id: 1
}
赋值代码:
var app = getApp();
app.globalData.id=2
取值代码:
var app = getApp();
var id=app.globalData.id;
相关文章推荐
- 微信小程序 如何在页面直接传递信息 / 通信方法 / 附带项目案例
- 微信小程序多页面传参通信的探索与实践
- 微信小程序中多个页面传参通信的学习与实践
- 微信小程序页面间通信的5种方式
- 微信小程序开发阅读&电影小程序之(2)——阅读页面轮播图实现
- 微信小程序页面布局之弹性布局-Flex介绍
- 个人微信小程序(生活服务)——天气页面
- 微信小程序返回上级页面时单个数据交互
- 微信小程序开发2-点击列表中的某一行跳转到新的页面显示该列的详细信息
- 微信小程序入门bug--页面跳转,js数据无法在wxml中出现
- Flex程序与包装页面(wrapper)通信方法小结
- 微信小程序关于页面不跳转的问题
- 微信小程序之页面样式以及背景图片显示问题
- 微信小程序之两个页面传值
- 【微信小程序】各种页面特效链接
- 微信小程序开发:各种页面特效集合(持续更新)
- 微信小程序 页面的的滚动问题
- 微信小程序教学第四章第一节(含视频):小程序中级实战教程:详情-页面制作
- 微信小程序----修改data中的数据,页面数据不改变