微信小程序中的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继承 Base类的源码解析
Dec 30 Javascript
Prototype 学习 工具函数学习($w,$F方法)
Jul 12 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
Mar 16 Javascript
JQuery文字列表向上滚动的代码
Nov 13 Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 Javascript
JavaScript中获取样式的原生方法小结
Oct 08 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
浅谈Angular中ngModel的$render
Oct 24 Javascript
js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)
Feb 13 Javascript
浅谈JS获取元素的N种方法及其动静态讨论
Aug 25 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
vue quill editor 使用富文本添加上传音频功能
Jan 14 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
提示Trying to clone an uncloneable object of class Imagic的解决
2011/10/27 PHP
纯js实现背景图片切换效果代码
2010/11/14 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
2013/09/06 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
2015/09/09 Javascript
jQuery使用ajax跨域获取数据的简单实例
2016/05/18 Javascript
jQuery实现两个select控件的互移操作
2016/12/22 Javascript
原生js实现简单的链式操作
2017/07/04 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
详解在React.js中使用PureComponent的重要性和使用方式
2018/07/10 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
2018/12/10 Javascript
实例讲解v-if和v-show的区别
2019/01/31 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
2019/05/07 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
2019/12/19 Javascript
vue项目创建步骤及路由router
2020/01/14 Javascript
javascript利用canvas实现鼠标拖拽功能
2020/07/23 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
Python 通过pip安装Django详细介绍
2017/04/28 Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
2018/05/26 Python
Python实现将Excel转换成为image的方法
2018/10/23 Python
浅谈pandas用groupby后对层级索引levels的处理方法
2018/11/06 Python
python3 os进行嵌套操作的实例讲解
2020/11/19 Python
20行代码教你用python给证件照换底色的方法示例
2021/02/05 Python
美国在线印刷公司:PsPrint
2017/10/12 全球购物
SEPHORA丝芙兰捷克官网:购买香水、化妆品和护肤品
2018/11/26 全球购物
多媒体专业自我鉴定
2014/02/28 职场文书
《梅花魂》教学反思
2014/04/30 职场文书
开展党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
写给女朋友的保证书
2015/05/09 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书
九年级数学教学反思
2016/02/17 职场文书
《秋天的雨》教学反思
2016/02/19 职场文书
婚礼必备主持词范本!
2019/07/23 职场文书
超详细Python解释器新手安装教程
2021/05/10 Python
PHP实现两种排课方式
2021/06/26 PHP
Java实现超大Excel文件解析(XSSF,SXSSF,easyExcel)
2022/07/15 Java/Android