微信小程序中的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中的函数
Jan 22 Javascript
jQeury淡入淡出需要注意的问题
Sep 08 Javascript
JavaScript作用域链示例分享
May 27 Javascript
jQuery+ajax中getJSON() 用法实例
Dec 22 Javascript
javascript中定义类的方法详解
Feb 10 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
Jun 23 Javascript
js性能优化技巧
Nov 29 Javascript
jquery实现删除一个元素后面的所有元素功能
Dec 21 Javascript
推荐10款扩展Web表单的JS插件
Dec 25 Javascript
基于JavaScript实现简单的音频播放功能
Jan 07 Javascript
jQuery中复合选择器简单用法示例
Mar 31 jQuery
让IDE识别webpack的别名alias的实现方法
May 06 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 输出双引号"与单引号'的方法
2010/05/09 PHP
简单实现php上传文件功能
2017/09/21 PHP
Javascript条件判断使用小技巧总结
2008/09/08 Javascript
用JS写的一个TableView控件代码
2010/01/23 Javascript
不要在cookie中使用特殊字符的原因分析
2010/07/13 Javascript
javascript工具库代码
2012/03/29 Javascript
jquery特效 幻灯片效果示例代码
2013/07/16 Javascript
javascript 实现 原路返回
2015/01/21 Javascript
jQuery层动画定位滑动效果的方法
2015/04/30 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
JavaScript返回上一页的三种方法及区别介绍
2015/07/04 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
jQuery实现右下角可缩放大小的层完整实例
2016/06/20 Javascript
React Router基础使用
2017/01/17 Javascript
jquery编写日期选择器
2017/03/16 Javascript
详解vue父子组件间传值(props)
2017/06/29 Javascript
jQuery查找和过滤_动力节点节点Java学院整理
2017/07/04 jQuery
JS原生数据双向绑定实现代码
2017/08/14 Javascript
如何以Angular的姿势打开Font-Awesome详解
2018/04/22 Javascript
Python实现公历(阳历)转农历(阴历)的方法示例
2017/08/22 Python
python实现随机梯度下降(SGD)
2020/03/24 Python
Python字典操作详细介绍及字典内建方法分享
2018/01/04 Python
python 使用re.search()筛选后 选取部分结果的方法
2018/11/28 Python
python的pstuil模块使用方法总结
2019/07/26 Python
基于Python中isfile函数和isdir函数使用详解
2019/11/29 Python
TensorFlow keras卷积神经网络 添加L2正则化方式
2020/05/22 Python
python 操作excel表格的方法
2020/12/05 Python
时尚孕妇装:Ingrid & Isabel
2019/05/08 全球购物
请问软件开发中的设计模式你会使用哪些
2015/05/13 面试题
生物技术专业研究生自荐信
2013/09/22 职场文书
精细化工应届生求职信
2013/11/17 职场文书
2014年保险业务员工作总结
2014/12/23 职场文书
餐厅开业活动方案
2019/07/08 职场文书
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers
html输入两个数实现加减乘除功能
2021/07/01 HTML / CSS
JS封装cavans多种滤镜组件
2022/02/15 Javascript