微信小程序中的onLoad详解及简单实例


Posted in Javascript onApril 05, 2017

微信小程序中的onLoad

onLoad是一个生命周期函数,表示页面加载

onLoad默认有一个Object类型的参数,是指其他页面打开当前页面所调用的 query 参数

举个栗子~

当我们在页面first的js脚本中有一个点击方法onTap

当点击时页面跳转到second页面,用?id = secondId的形式为second页面传递一个值(这里的secondId是一个已经获取过的值)

onTap: function(){ 
 wx.navigateTo({ 
  url: "second?id=" + secondId 
 })

接着我们在second的js文件中接收这个id

这里的参数option就是我们之前收到的Object参数,这样我们就可以在second.js中使用这个id值了

Page({ 
 onLoad: function(options){ 
  var secondId = options.id; 
   console.log(postId); 
 } 
})

注:

我在刚开始运行这段代码时postId输出始终为undefined,输出option中也没有id值。最后将first中的url从单引号改为双引号才得以解决,以为真的是这个原因,可又改回单引号发现一样可以正常运行。不知道是哪里的bug,但像这样改了一下无关紧要的东西才能正常运行的情况我已经遇见好几次了。

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

Javascript 相关文章推荐
js中cookie的使用详细分析
May 28 Javascript
js post方式传递提交的实现代码
May 31 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
Sep 22 Javascript
js获取select标签的值且兼容IE与firefox
Dec 30 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
javascript学习笔记(四)function函数部分
Sep 30 Javascript
node.js中的fs.truncateSync方法使用说明
Dec 15 Javascript
seajs学习之模块的依赖加载及模块API的导出
Oct 20 Javascript
基于JavaScript实现带缩略图的轮播效果
Jan 12 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 Javascript
如何在微信小程序中存setStorage
Dec 13 Javascript
浅谈Vue的computed计算属性
Mar 21 Vue.js
微信小程序 页面跳转如何实现传值
Apr 05 #Javascript
微信小程序 数据遍历的实现
Apr 05 #Javascript
微信小程序 图片绝对定位(背景图片)
Apr 05 #Javascript
JS实现复选框的全选和批量删除功能
Apr 05 #Javascript
Ajax验证用户名或昵称是否已被注册
Apr 05 #Javascript
JS二叉树的简单实现方法示例
Apr 05 #Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
Apr 05 #Javascript
You might like
php反弹shell实现代码
2009/04/22 PHP
PHP中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
一个PHP的远程图片抓取函数分享
2013/09/25 PHP
简单谈谈php浮点数精确运算
2016/03/10 PHP
Prototype使用指南之dom.js
2007/01/10 Javascript
基于jquery实现的定时显示与隐藏div广告的实现代码
2013/08/22 Javascript
删除节点的jquery代码
2014/01/13 Javascript
JS实现跟随鼠标的链接文字提示框效果
2015/08/06 Javascript
js实现文本框支持加减运算的方法
2015/08/19 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
2020/11/25 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
2016/05/04 Javascript
weUI应用之JS常用信息提示弹层的封装
2016/11/21 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
2017/04/01 Javascript
JavaScript实现五子棋游戏的方法详解
2019/07/08 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
2020/05/29 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
微信小程序实现多张图片上传功能
2020/11/18 Javascript
[04:22]DOTA2大事件之护国神翼
2020/08/14 DOTA
python3 读写文件换行符的方法
2018/04/09 Python
numpy 计算两个数组重复程度的方法
2018/11/07 Python
VPS CENTOS 上配置python,mysql,nginx,uwsgi,django的方法详解
2019/07/01 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
python爬虫爬取幽默笑话网站
2019/10/24 Python
python生成13位或16位时间戳以及反向解析时间戳的实例
2020/03/03 Python
CSS3实现的闪烁跳跃进度条示例(附源码)
2013/08/19 HTML / CSS
Abe’s of Maine:自1979以来销售相机和电子产品
2016/11/21 全球购物
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
怀旧香味蜡烛:Homesick
2019/11/02 全球购物
残疾人创业典型事迹
2014/02/01 职场文书
政风行风评议整改方案
2014/09/15 职场文书
党的群众路线剖析材料
2014/10/09 职场文书
答谢词范文
2015/01/05 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
使用canvas实现雪花飘动效果的示例代码
2021/03/30 HTML / CSS
Java实现带图形界面的聊天程序
2022/06/10 Java/Android
Win11 25163.1010更新补丁KB5016904推送,测试服务验证管道(附更新修复汇总)
2022/07/23 数码科技