微信小程序中的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 相关文章推荐
从sohu弄下来的flash中展示图片的代码
Apr 27 Javascript
javascript中的prototype属性实例分析说明
Aug 09 Javascript
改进UCHOME的记录发布,增强可访问性用户体验
Jan 17 Javascript
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
Mar 06 Javascript
JS中的substring和substr函数的区别说明
May 07 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
Nov 13 Javascript
jQuery实现手机号码输入提示功能实例
Apr 30 Javascript
jQuery事件委托之Safari
Jul 05 Javascript
Vue2学习笔记之请求数据交互vue-resource
Feb 23 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
解决vue中监听input只能输入数字及英文或者其他情况的问题
Aug 30 Javascript
BootstrapValidator验证用户名已存在(ajax)
Nov 08 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
一个简易需要注册的留言版程序
2006/10/09 PHP
PHP将字符分解为多个字符串的方法
2014/11/22 PHP
Yii2 队列 shmilyzxt/yii2-queue 简单概述
2017/08/02 PHP
php-app开发接口加密详解
2018/04/18 PHP
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
JavaScript改变CSS样式的方法汇总
2015/05/07 Javascript
JavaScript中数据结构与算法(四):串(BF)
2015/06/19 Javascript
jquery实现弹出层登录和全屏层注册特效
2015/08/28 Javascript
JavaScript 总结几个提高性能知识点(推荐)
2017/02/20 Javascript
JS实现的文字间歇循环滚动效果完整示例
2018/02/13 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
2018/12/05 Javascript
nodejs语言实现验证码生成功能的示例代码
2019/10/13 NodeJs
不刷新网页就能链接新的js文件方法总结
2020/03/01 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
vue点击标签切换选中及互相排斥操作
2020/07/17 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
2020/09/02 Javascript
wxpython中自定义事件的实现与使用方法分析
2016/07/21 Python
python中matplotlib的颜色及线条控制的示例
2018/03/16 Python
APIStar:一个专为Python3设计的API框架
2018/09/26 Python
Python设计模式之建造者模式实例详解
2019/01/17 Python
详解Python 4.0 预计推出的新功能
2019/07/26 Python
树莓派安装OpenCV3完整过程的实现
2019/10/10 Python
python中的逆序遍历实例
2019/12/25 Python
Python Opencv实现单目标检测的示例代码
2020/09/08 Python
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
浅谈HTML5 defer和async的区别
2016/06/07 HTML / CSS
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
英国第一摩托车和摩托车越野配件商店:GhostBikes
2019/03/10 全球购物
女孩每月服装订阅盒:kidpik
2019/04/17 全球购物
研究生自我鉴定范文
2013/10/30 职场文书
金融专业应届生求职信
2013/11/02 职场文书
贫困生助学金感谢信
2015/01/21 职场文书
2015年乡镇人大工作总结
2015/04/22 职场文书
中学团支部工作总结
2015/08/13 职场文书
Python+Selenium自动化环境搭建与操作基础详解
2022/03/13 Python
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS