微信小程序中的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 相关文章推荐
isArray()函数(JavaScript中对象类型判断的几种方法)
Nov 26 Javascript
JavaScript 开发规范要求(图文并茂)
Jun 11 Javascript
jquery.cookie.js 操作cookie实现记住密码功能的实现代码
Apr 27 Javascript
JS自定义选项卡函数及用法实例分析
Sep 02 Javascript
javascript中的作用域和闭包详解
Jan 13 Javascript
让你一句话理解闭包(简单易懂)
Jun 03 Javascript
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
React Native之ListView实现九宫格效果的示例
Aug 02 Javascript
详解vue2.0模拟后台json数据
May 16 Javascript
解决vue无法侦听数组及对象属性的变化问题
Jul 17 Javascript
js面试题之异步问题的深入理解
Sep 20 Javascript
ES6学习教程之Promise用法详解
Nov 22 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
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
PHP中extract()函数的定义和用法
2012/08/17 PHP
PHP批量生成静态HTML的简单原理和方法
2014/04/20 PHP
PHP递归创建多级目录
2015/11/05 PHP
smarty模板数学运算示例
2016/12/11 PHP
PHP+mysql防止SQL注入的方法小结
2019/04/27 PHP
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
修复IE9&safari 的sort方法
2011/10/21 Javascript
JS的replace方法详细介绍
2012/11/09 Javascript
jquery实现侧边弹出的垂直导航
2014/12/09 Javascript
创建js对象和js类的方法汇总
2014/12/24 Javascript
jQuery+PHP星级评分实现方法
2015/10/02 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
2016/05/14 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
JavaScript的this关键字的理解
2016/06/18 Javascript
javascript 动态脚本添加的简单方法
2016/10/11 Javascript
NodeJS学习笔记之Module的简介
2017/03/24 NodeJs
不使用 JS 匿名函数理由
2017/11/17 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
vue-父子组件和ref实例详解
2019/11/10 Javascript
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
Python卸载模块的方法汇总
2016/06/07 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
Python使用django搭建web开发环境
2017/06/09 Python
python简单鼠标自动点击某区域的实例
2019/06/25 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
给你一面国旗 教你用python画中国国旗
2019/09/24 Python
Python如何实现线程间通信
2020/07/30 Python
HEMA法国:荷兰原创设计
2019/02/21 全球购物
Senreve官网:美国旧金山的奢侈手袋品牌
2019/03/21 全球购物
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
2014年高三毕业生自我评价
2014/01/11 职场文书
领导干部培训感言
2014/01/23 职场文书
2015年度绩效考核工作总结
2015/05/27 职场文书
个人工作总结怎么写?
2019/04/09 职场文书
PyTorch 如何检查模型梯度是否可导
2021/06/05 Python