微信小程序中的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 相关文章推荐
alixixi runcode.asp的代码不错的应用
Aug 08 Javascript
JavaScript 上万关键字瞬间匹配实现代码
Jul 07 Javascript
JavaScript中数据结构与算法(四):串(BF)
Jun 19 Javascript
基于javascript实现根据身份证号码识别性别和年龄
Jan 22 Javascript
js拖拽的原型声明和用法总结
Apr 04 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
Jan 12 Javascript
js 转义字符及URI编码详解
Feb 28 Javascript
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
使用travis-ci如何持续部署node.js应用详解
Jul 30 Javascript
js实现漂亮的星空背景
Nov 01 Javascript
详解JSON.parse和JSON.stringify用法
Feb 18 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
解析将多维数组转换为支持curl提交的一维数组格式
2013/07/08 PHP
PHP 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
PHP+Memcache实现wordpress访问总数统计(非插件)
2014/07/04 PHP
PHP+iFrame实现页面无需刷新的异步文件上传
2014/09/16 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
PHP实现的下载远程文件类定义与用法示例
2017/07/05 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
游览器中javascript的执行过程(图文)
2012/05/20 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
2012/12/10 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
js中string转int把String类型转化成int类型
2014/08/13 Javascript
jQuery Ajax()方法使用指南
2014/11/19 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
JavaScript SHA-256加密算法详细代码
2016/10/06 Javascript
JavaScript实现邮箱地址自动匹配功能代码
2016/11/28 Javascript
Bootstrap源码解读下拉菜单(4)
2016/12/23 Javascript
Vue实现路由跳转和嵌套
2017/06/20 Javascript
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
JS实现根据指定值删除数组中的元素操作示例
2018/08/02 Javascript
vue 修改 data 数据问题并实时显示的方法
2018/08/27 Javascript
详解vue中使用protobuf踩坑记
2019/05/07 Javascript
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
详解Python爬虫的基本写法
2016/01/08 Python
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
Falsk 与 Django 过滤器的使用与区别详解
2019/06/04 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
HTML5有哪些新特征
2015/12/01 HTML / CSS
手把手教你实现一个canvas智绘画板的方法
2019/03/04 HTML / CSS
高一学生评语大全
2014/04/25 职场文书
酒店辞职书范文
2015/02/26 职场文书
交通事故责任认定书
2015/08/06 职场文书
Java Spring 控制反转(IOC)容器详解
2021/10/05 Java/Android
Oracle表空间与权限的深入讲解
2021/11/17 Oracle