微信小程序中的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 相关文章推荐
IE下使用cloneNode注意事项分享
Nov 22 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
Jul 31 Javascript
JS将制定内容复制到剪切板示例代码
Feb 11 Javascript
使用JavaScript刷新网页的方法
Jun 04 Javascript
不同js异步函数同步的实现方法
May 28 Javascript
微信小程序获取用户openId的实现方法
May 23 Javascript
图片加载完成再执行事件的实例
Nov 16 Javascript
详解VueJS应用中管理用户权限
Feb 02 Javascript
JavaScript 继承 封装 多态实现及原理详解
Jul 29 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
Sep 02 Javascript
vue 实现cli3.0中使用proxy进行代理转发
Oct 30 Javascript
小程序使用分包的示例代码
Mar 23 Javascript
微信小程序 页面跳转如何实现传值
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 ajax 静态分页过程形式
2011/09/02 PHP
学习YUI.Ext第五日--做拖放Darg&Drop
2007/03/10 Javascript
jQuery 加上最后自己的验证
2009/11/04 Javascript
js常用代码段整理
2011/11/30 Javascript
javascript setTimeout和setInterval计时的区别详解
2013/06/21 Javascript
调用DOM对象的focus使文本框获得焦点
2014/02/19 Javascript
jquery live()调用不存在的解决方法
2014/02/26 Javascript
js获取上传文件大小示例代码
2014/04/10 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
2016/05/17 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
2016/09/20 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
nodeJS服务器的创建和重新启动的实现方法
2018/05/12 NodeJs
详解微信小程序与内嵌网页交互实现支付功能
2018/10/22 Javascript
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
[57:55]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第二场 12.12
2020/12/16 DOTA
[48:24]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第一场 12.09
2020/12/12 DOTA
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
python中解析json格式文件的方法示例
2017/05/03 Python
在Python web中实现验证码图片代码分享
2017/11/09 Python
Python中xrange与yield的用法实例分析
2017/12/26 Python
django 多数据库配置教程
2018/05/30 Python
Django实现分页功能
2018/07/02 Python
python实现超级马里奥
2020/03/18 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
Django与AJAX实现网页动态数据显示的示例代码
2021/02/24 Python
财务副总经理工作职责
2013/11/25 职场文书
中学生团员自我评价分享
2013/12/07 职场文书
房屋所有权证明
2014/10/20 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
2015年八一建军节慰问信
2015/03/23 职场文书
2015年119消防宣传日活动总结
2015/03/24 职场文书
2015年房产销售工作总结范文
2015/05/22 职场文书
追悼词范文大全
2015/06/23 职场文书
Python+Appium新手教程
2021/04/17 Python
详细聊聊浏览器是如何看闭包的
2021/11/11 Javascript