微信小程序页面传值实例分析

微信小程序页面传值实例分析

最近组里开发小程序，遇到了一个前端亘古不变的话题：页面传值

刚开始使用路径传参解决，但是众所周知：

各浏览器HTTP Get请求URL最大长度并不相同，几类常用浏览器最大长度及超过最大长度后提交情况如下：
IE6.0 :url最大长度2083个字符，超过最大长度后无法提交。
IE7.0 :url最大长度2083个字符，超过最大长度后仍然能提交，但是只能传过去2083个字符。
firefox 3.0.3 :url最大长度7764个字符，超过最大长度后无法提交。
Opera 9.52 :url最大长度7648个字符，超过最大长度后无法提交。
Google Chrome 2.0.168 :url最大长度7713个字符，超过最大长度后无法提交。

所以觉得不靠谱。

研究了一下官网，发现有两种方式可以“比较优雅”地干这件事，当然不能和vuex/flux比。

1.使用全局变量

在项目app.js中定义globalData

App({
 globalData:{
 userInfo:'angeladaddy'
}
});

在需要的地方使用：

getGlobalVar:function(){
 var that=this;
that.setData({
 globalvar_str:JSON.stringify(getApp().globalData)
}) 
}

当然也可以随时赋值：

onLoad:function(options){
 getApp().globalData.userInfo+=' is an awesome man';
},

效果：

2.使用模板

根据官方介绍如下：

首先定义模板,使用name属性

<template name="msgItem">
 <view>
  <text> {{index}}: {{msg}} </text>
  <text> Time: {{time}} </text>
 </view>
</template>

接着，使用模板

使用 is 属性，声明需要的使用的模板，然后将模板所需要的 data 传入，如：

<template is="msgItem" data="{{...item}}"/>

给item赋值以显示模板数据

Page({
data: {
 item: {
  index: 0,
  msg: 'this is a template',
  time: '2016-09-15'
 }
}
})

这样就一下解决了页面传值问题

后记：既然小程序可以使用ES6的所有特性，那么那个var that=this又是什么鬼？为何不能用箭头函数解决作用域问题？回头再试试。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序  # 页面传值  # 小程序  # 传参  # 微信小程序 页面传值详解  # 微信小程序实现页面跳转传值以及获取值的方法分析  # 微信小程序自定义组件传值 页面和组件相互传数据操作示例  # 微信小程序中子页面向父页面传值实例详解  # 微信小程序 页面跳转如何实现传值  # 微信小程序实现两个页面传值的方法分析  # 微信小程序页面间传值与页面取值操作实例分析  # 微信小程序 页面跳转传值实现代码  # 微信小程序实现页面跳转传值的方法  # 微信小程序页面间传值的实现方法示例  # 又是  # 这件事  # 希望能  # 可以使用  # 刚开始  # 有两种  # 谢谢大家  # 所需要  # 可以随时  # 众所周知  # 官网  # 再试  # 几类  # 解决了  # 组里  # 全局变量  # 为何不  # Chrome  # br  # Google 

相关文章： 如何撰写建站申请书？关键要点有哪些？  jQuery 常见小例汇总  制作证书网站有哪些,全国城建培训中心证书查询官网？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  如何在IIS7上新建站点并设置安全权限？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  建站之星微信建站一键生成小程序+多端营销系统  岳西云建站教程与模板下载_一站式快速建站系统操作指南  小型网站建站如何选择虚拟主机？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  如何快速查询域名建站关键信息？  如何在宝塔面板创建新站点？  网站制作公司排行榜,四大门户网站排名？  制作门户网站的参考文献在哪,小说网站怎么建立？  简历在线制作网站免费版,如何创建个人简历？  网站制作难吗安全吗,做一个网站需要多久时间？  如何在建站之星网店版论坛获取技术支持？  专业商城网站制作公司有哪些,pi商城官网是哪个？  如何在企业微信快速生成手机电脑官网？  如何实现建站之星域名转发设置？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  大连 网站制作,大连天途有线官网？  建站之星后台管理：高效配置与模板优化提升用户体验  实例解析angularjs的filter过滤器  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  ,sp开头的版面叫什么？  开封网站制作公司,网络用语开封是什么意思？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  如何基于云服务器快速搭建个人网站？  linux top下的 minerd 木马清除方法  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  如何快速生成可下载的建站源码工具？  电商网站制作价格怎么算,网上拍卖流程以及规则？  nginx修改上传文件大小限制的方法  如何在万网自助建站平台快速创建网站？  如何注册花生壳免费域名并搭建个人网站？  如何快速搭建自助建站会员专属系统？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  股票网站制作软件,网上股票怎么开户？  建站主机选购指南：核心配置优化与品牌推荐方案  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  如何快速上传建站程序避免常见错误？  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  如何通过多用户协作模板快速搭建高效企业网站？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  如何在景安云服务器上绑定域名并配置虚拟主机？  如何快速建站并高效导出源代码？