微信小程序中的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 相关文章推荐
QQ邮箱的一个文本编辑器代码
Mar 14 Javascript
caller和callee的区别介绍及演示结果
Mar 10 Javascript
jquery弹出关闭遮罩层实例
Aug 06 Javascript
javascript 获取函数形参个数
Jul 31 Javascript
老生常谈onBlur事件与onfocus事件(js)
Jul 09 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
Aug 24 Javascript
JQuery实现动态操作表格
Jan 11 Javascript
JavaScript实现时钟滴答声效果
Jan 29 Javascript
在 Vue.js中优雅地使用全局事件的方法
Feb 01 Javascript
浅谈vue-router路由切换 组件重用挖下的坑
Nov 01 Javascript
Vue组件为什么data必须是一个函数
Jun 11 Javascript
vue中使用router全局守卫实现页面拦截的示例
Oct 23 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/23 PHP
php实现图片缩放功能类
2013/12/18 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
php的declare控制符和ticks教程(附示例)
2014/03/21 PHP
php截取html字符串及自动补全html标签的方法
2015/01/15 PHP
codeigniter发送邮件并打印调试信息的方法
2015/03/21 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
js实现的仿新浪微博完美的时间组件升级版
2011/12/20 Javascript
js控制不同的时间段显示不同的css样式的实例代码
2013/11/04 Javascript
jquery和ajax的关系详细介绍
2013/11/29 Javascript
js实现图片拖动改变顺序附图
2014/05/13 Javascript
删除javascript所创建子节点的方法
2015/05/21 Javascript
nodejs集成sqlite使用示例
2017/06/05 NodeJs
微信小程序 数据绑定及运算的简单实例
2017/09/20 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
vue实现固定位置显示功能
2019/05/30 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
Vue.js标签页组件使用方法详解
2019/10/19 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
2020/08/12 Javascript
python实现对一个完整url进行分割的方法
2015/04/29 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
python频繁写入文件时提速的方法
2019/06/26 Python
Django 开发环境配置过程详解
2019/07/18 Python
python实现将json多行数据传入到mysql中使用
2019/12/31 Python
python中not、and和or的优先级与详细用法介绍
2020/11/03 Python
实例教程 利用html5和css3打造一款创意404页面
2014/10/20 HTML / CSS
HTML5 video进入全屏和退出全屏的实现方法
2020/07/28 HTML / CSS
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
本科生的职业生涯规划范文
2014/01/09 职场文书
主管会计岗位职责
2014/03/13 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
2015新员工试用期工作总结
2014/12/12 职场文书
公司开业致辞
2015/07/29 职场文书
CSS几步实现赛博朋克2077风格视觉效果
2021/06/16 HTML / CSS
Feign调用传输文件异常的解决
2021/06/24 Java/Android
详解Python中*args和**kwargs的使用
2022/04/07 Python