微信小程序开发内测一个月.数据传递的方式很少.经常遇到页面销毁后回传参数的问题,小程序中并没有类似Android的startActivityForResult的方法,也没有类似广播这样的通讯方式,更没有类似eventbus的轮子可用.

现在已知传递参数的方法只找到三种,先总结下.由于正处于内测阶段,文档也不是很稳定,经常修改,目前尚没有人造轮子.
先上GIF:
1.APP.js
我把常用且不会更改的参数放在APP.js的data里面了.在各个page中都可以拿到var app = getApp();
app上就可以拿到存在data中的参数.
2. wx.navigateTo({})中URL携带参数
demo中已经写出:
wx.navigateTo({
url: "../newpage/newpage?infofromindex=" + this.data.infofromindex,
});
页面间传递参数的笔记
3.wx.setStorage(OBJECT) 数据缓存
微信开发文档中的数据缓存方法:
①存储数据
try {
wx.setStorageSync('infofrominput', this.data.infofrominput)
} catch (e) {
}
②获取数据
//获取
wx.getStorage({
key: 'infofrominput',
success: function (res) {
_this.setData({
infofromstorage: res.data,
})
}
})
key是本地缓存中的指定的 key,data是需要存储的内容.
详情见微信小程序开发文档:文档
贴上代码:
1.index.js
//index.js
//获取应用实例
var app = getApp()
Page({
data: {
info: app.data.info,
infofromindex: '来自index.js的信息',
infofrominput: ''
},
onLoad: function () {
},
//跳转到新页面
gotonewpage: function () {
wx.navigateTo({
url: "../newpage/newpage?infofromindex=" + this.data.infofromindex,
});
},
//获取输入值
searchInputEvent: function (e) {
console.log(e.detail.value)
this.setData({ infofrominput: e.detail.value })
},
//保存参数
saveinput: function () {
try {
wx.setStorageSync('infofrominput', this.data.infofrominput)
} catch (e) {
}
}
})
2.index.wxml
<!--index.wxml--> <view> <button style="background-color:#00ff00;margin:20rpx" bindtap="gotonewpage">跳转</button> <input style="background-color:#eee;margin:20rpx;height:80rpx" placeholder="请输入需要保存的参数" bindinput="searchInputEvent" /> <button style="background-color:#ff0000;margin:20rpx" bindtap="saveinput">存入Storage</button> </view>
3.newpage.js
//newpage.js
//获取应用实例
var app = getApp()
Page({
data: {
infofromapp: app.data.infofromapp,
infofromindex: '',
infofromstorage: '',
},
onLoad: function (options) {
var _this = this;
var infofromindex = options.infofromindex;
this.setData({
infofromindex: infofromindex
})
//获取
wx.getStorage({
key: 'infofrominput',
success: function (res) {
_this.setData({
infofromstorage: res.data,
})
}
})
}
})
4.newpage.wxml
<!--newpage.wxml-->
<view style="width:100%;margin:30rpx">infofromapp:{{infofromapp}}</view>
<view style="width:100%;margin:30rpx">infofromindex:{{infofromindex}}</view>
<view style="width:100%;margin:30rpx">infofromstorage:{{infofromstorage}}</view>
5.app.js
//app.js
App({
data: {
infofromapp: '来自APP.js的信息'
},
onLaunch: function () {
}
})
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
# 微信小程序
# 传递参数
# 缓存
# 数据存储
# 微信小程序 动态修改页面数据及参数传递过程详解
# 微信小程序实现页面跳转传递参数(实体
# 对象)
# 微信小程序实现传递多个参数与事件处理
# 微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
# 微信小程序之页面跳转和参数传递的实现
# 微信小程序教程系列之页面跳转和参数传递(6)
# 微信小程序 navigator 跳转url传递参数
# 微信小程序之间的参数传递、获取的操作方法
# 文档
# 内测
# 程序开发
# 应用实例
# 放在
# 一个月
# 不是很
# 我把
# 请输入
# 三种
# 跳转
# 中都
# 贴上
# 正处于
# 就可以
# 跳转到
# 可以拿到
# 回传
# 新页面
# 在各个
相关文章:
实现虚拟支付需哪些建站技术支撑?
制作企业网站建设方案,怎样建设一个公司网站?
宝盒自助建站智能生成技巧:SEO优化与关键词设置指南
网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思?
如何在阿里云域名上完成建站全流程?
如何通过商城自助建站源码实现零基础高效建站?
香港服务器网站测试全流程:性能评估、SEO加载与移动适配优化
武清网站制作公司,天津武清个人营业执照注销查询系统网站?
ppt制作免费网站有哪些,ppt模板免费下载网站?
制作公司内部网站有哪些,内网如何建网站?
建站之星如何保障用户数据免受黑客入侵?
平台云上自主建站:模板化设计与智能工具打造高效网站
MySQL查询结果复制到新表的方法(更新、插入)
如何通过免费商城建站系统源码自定义网站主题与功能?
如何通过VPS建站实现广告与增值服务盈利?
个人网站制作流程图片大全,个人网站如何注销?
岳西云建站教程与模板下载_一站式快速建站系统操作指南
如何快速搭建高效可靠的建站解决方案?
网站制作模板下载什么软件,ppt模板免费下载网站?
打鱼网站制作软件,波克捕鱼官方号怎么注册?
高端网站建设与定制开发一站式解决方案 中企动力
建站之星价格显示格式升级,你的预算足够吗?
如何快速上传建站程序避免常见错误?
建站之星免费模板:自助建站系统与智能响应式一键生成
导航网站建站方案与优化指南:一站式高效搭建技巧解析
建站主机如何选?高性价比方案全解析
,购物网站怎么盈利呢?
定制建站流程步骤详解:一站式方案设计与开发指南
制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站?
如何用PHP快速搭建CMS系统?
如何在搬瓦工VPS快速搭建网站?
北京的网站制作公司有哪些,哪个视频网站最好?
如何用花生壳三步快速搭建专属网站?
小捣蛋自助建站系统:数据分析与安全设置双核驱动网站优化
教学网站制作软件,学习*后期制作的网站有哪些?
招贴海报怎么做,什么是海报招贴?
制作网站建设的公司有哪些,网站建设比较好的公司都有哪些?
网站制作知乎推荐,想做自己的网站用什么工具比较好?
c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】
如何在香港服务器上快速搭建免备案网站?
怎么用手机制作网站链接,dw怎么把手机适应页面变成网页?
湖北网站制作公司有哪些,湖北清能集团官网?
上海网站制作开发公司,上海买房比较好的网站有哪些?
建站之星下载版如何获取与安装?
高端建站如何打造兼具美学与转化的品牌官网?
韩国服务器如何优化跨境访问实现高效连接?
如何在IIS中配置站点IP、端口及主机头?
Swift中switch语句区间和元组模式匹配
如何在阿里云完成域名注册与建站?
香港服务器建站指南:免备案优势与SEO优化技巧全解析
*请认真填写需求信息,我们会在24小时内与您取得联系。