微信小程序中的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鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
jQuery Mobile 和 Kendo UI 的比较
May 05 Javascript
完美的js div拖拽实例代码
Sep 24 Javascript
浅谈javascript中执行环境(作用域)与作用域链
Dec 08 Javascript
关于Vue.nextTick()的正确使用方法浅析
Aug 25 Javascript
微信小程序动画(Animation)的实现及执行步骤
Oct 28 Javascript
深入探讨JavaScript的最基本部分之执行上下文
Feb 12 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
May 14 Javascript
详解Vue3.0 前的 TypeScript 最佳入门实践
Jun 18 Javascript
vue路由传参页面刷新参数丢失问题解决方案
Oct 08 Javascript
js实现秒表计时器
Dec 16 Javascript
Vue+element+cookie记住密码功能的简单实现方法
Sep 20 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字符串函数的总结分析
2013/06/05 PHP
php实例分享之html转为rtf格式
2014/06/02 PHP
php实现用已经过去多长时间的方式显示时间
2015/06/05 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
PHP实现动态执行代码的方法
2016/03/25 PHP
YII框架实现自定义第三方扩展操作示例
2019/04/26 PHP
jquery的index方法实现tab效果
2011/02/16 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
2014/04/04 Javascript
js日期范围初始化得到前一个月日期的方法
2015/05/05 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
2015/11/02 Javascript
JS实现简单的tab切换选项卡效果
2016/09/21 Javascript
Bootstrap table的使用方法
2016/11/02 Javascript
简单好用的nodejs 爬虫框架分享
2017/03/26 NodeJs
Ionic2调用本地SQlite实例
2017/04/22 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
在vue中v-bind使用三目运算符绑定class的实例
2018/09/29 Javascript
微信小程序新手教程之页面打开数量限制
2019/03/03 Javascript
vue生命周期的探索
2019/04/03 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
[02:28]DOTA2亚洲邀请赛附加赛 RECAP赛事回顾
2015/01/29 DOTA
Python常见文件操作的函数示例代码
2011/11/15 Python
python根据文件大小打log日志
2014/10/09 Python
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
分析python切片原理和方法
2017/12/19 Python
详解Python3中的迭代器和生成器及其区别
2018/10/09 Python
python selenium爬取斗鱼所有直播房间信息过程详解
2019/08/09 Python
J.Crew官网:美国知名休闲服装品牌
2017/05/19 全球购物
德国最大的网上鞋店之一:Schuhe24.de
2017/06/10 全球购物
英国计算机产品零售商:Novatech(定制个人电脑、笔记本电脑、工作站和服务器)
2018/01/28 全球购物
学徒工职责
2014/03/06 职场文书
中职生自荐信范文
2014/06/15 职场文书
药剂专业自荐书
2014/06/20 职场文书
校园环保广播稿(3篇)
2014/09/15 职场文书
简单的辞职信模板
2015/05/12 职场文书
教师教育心得体会
2016/01/19 职场文书
Vue + iView实现Excel上传功能的完整代码
2021/06/22 Vue.js