微信小程序中的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类中定义原型方法的两种实现的区别
Mar 08 Javascript
向fckeditor编辑器插入指定代码的方法
May 25 Javascript
javascript 当前日期转化为中文的实现代码
May 13 Javascript
JQuery Ajax通过Handler访问外部XML数据的代码
Jun 01 Javascript
js函数setTimeout延迟执行的简单介绍
Jul 17 Javascript
JS判断对象是否存在的10种方法总结
Dec 23 Javascript
jquery.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 Javascript
Layui点击图片弹框预览的实现方法
Sep 16 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
Nov 20 Javascript
vue cli4下环境变量和模式示例详解
Apr 09 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在数组中查找指定值的方法
2015/03/17 PHP
PHP中预定义的6种接口介绍
2015/05/12 PHP
PHP中把有符号整型转换为无符号整型方法
2015/05/27 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
Thinkphp框架开发移动端接口(1)
2016/08/18 PHP
搭建自己的PHP MVC框架详解
2017/08/16 PHP
PDO::prepare讲解
2019/01/29 PHP
PHP进阶学习之垃圾回收机制详解
2019/06/18 PHP
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
javascript call方法使用说明
2010/01/11 Javascript
javascript 面向对象的JavaScript类
2010/05/04 Javascript
jQuery层次选择器选择元素使用介绍
2013/04/18 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
javascript实现随时变化着的背景颜色
2015/04/02 Javascript
在JavaScript应用中使用RequireJS来实现延迟加载
2015/07/01 Javascript
Bootstrap每天必学之缩略图与警示窗
2015/11/29 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
详解ECharts使用心得总结
2016/12/06 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
2017/08/18 Javascript
node中koa中间件机制详解
2017/08/22 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
2019/03/28 Javascript
一些手写JavaScript常用的函数汇总
2019/04/16 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
2019/09/03 Javascript
[29:23]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场1
2014/05/23 DOTA
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
Python实现通讯录功能
2018/02/22 Python
python+flask实现API的方法
2018/11/21 Python
Python如何安装第三方模块
2020/05/28 Python
python实现图片,视频人脸识别(opencv版)
2020/11/18 Python
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
物业保安主管岗位职责
2013/12/25 职场文书
产品质量保证书
2014/04/29 职场文书
教师节演讲稿
2014/05/06 职场文书
起诉意见书范文
2015/05/19 职场文书