微信小程序中的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 相关文章推荐
javascript json 新手入门文档
Dec 03 Javascript
javascript获得网页窗口实际大小的示例代码
Sep 21 Javascript
js正则表达式匹配数字字母下划线等
Apr 14 Javascript
BootStrap Datepicker 插件修改为默认中文的实现方法
Feb 10 Javascript
js实现日历与定时器
Feb 22 Javascript
纯JS实现只能输入数字的简单代码
Jun 21 Javascript
详解从Vue-router到html5的pushState
Jul 21 Javascript
vue中使用vee-validator完成表单校验方案
Nov 01 Javascript
flexible.js实现移动端rem适配方案
Apr 07 Javascript
JS实现拖拽元素时与另一元素碰撞检测
Aug 27 Javascript
nuxt静态部署打包相对路径操作
Nov 06 Javascript
vue-video-player 断点续播的实现
Feb 01 Vue.js
微信小程序 页面跳转如何实现传值
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中的正规表达式(一)
2006/10/09 PHP
使用PHP导出Redis数据到另一个Redis中的代码
2014/03/12 PHP
PHP获取windows登录用户名的方法
2014/06/24 PHP
php内存缓存实现方法
2015/01/24 PHP
浅谈php提交form表单
2015/07/01 PHP
ThinkPHP 3.2.3实现加减乘除图片验证码
2018/12/05 PHP
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
jquery attr 设定src中含有&(宏)符号问题的解决方法
2011/07/26 Javascript
js substr、substring和slice使用说明小记
2011/09/15 Javascript
自己写了一个展开和收起的多更能型的js效果
2013/03/05 Javascript
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
JS Canvas定时器模拟动态加载动画
2016/09/17 Javascript
微信小程序 swiper组件详解及实例代码
2016/10/25 Javascript
jQuery中each循环的跳出和结束实例
2017/08/16 jQuery
NodeJS实现自定义流的方法
2018/08/01 NodeJs
React 路由懒加载的几种实现方案
2018/10/23 Javascript
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
使用Node.js和Socket.IO扩展Django的实时处理功能
2015/04/20 Python
不要用强制方法杀掉python线程
2017/02/26 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
Python Pickle 实现在同一个文件中序列化多个对象
2019/12/30 Python
python3+opencv生成不规则黑白mask实例
2020/02/19 Python
DataFrame 数据合并实现(merge,join,concat)
2020/06/14 Python
Django路由层URLconf作用及原理解析
2020/09/24 Python
python MD5加密的示例
2020/10/19 Python
CSS3实现swap交换动画
2016/01/19 HTML / CSS
在数据文件自动增长时,自动增长是否会阻塞对文件的更新
2014/05/01 面试题
通信工程毕业生求职信
2013/11/16 职场文书
残疾人创业典型事迹
2014/02/01 职场文书
益达广告词
2014/03/14 职场文书
超市优秀员工获奖感言
2014/08/15 职场文书
公安纪律作风整顿剖析材料
2014/10/10 职场文书
2019新学期家长会工作计划
2019/08/21 职场文书
python编写函数注意事项总结
2021/03/29 Python