微信小程序中的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 相关文章推荐
jquery select选中的一个小问题
Oct 11 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
Sep 14 Javascript
IE 下Enter提交表单存在重复提交问题的解决方法
May 04 Javascript
JavaScript中的对象的extensible属性介绍
Dec 30 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
Mar 03 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
浅谈vue-lazyload实现的详细过程
Aug 22 Javascript
详解react、redux、react-redux之间的关系
Apr 11 Javascript
原生JS实现自定义下拉单选选择框功能
Oct 12 Javascript
java和js实现的洗牌小程序
Sep 30 Javascript
微信小程序开发(二):页面跳转并传参操作示例
Jun 01 Javascript
React中的Context应用场景分析
Jun 11 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
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
JavaScript中的console.trace()函数介绍
2014/12/29 Javascript
JavaScript中实现sprintf、printf函数
2015/01/27 Javascript
readonly和disabled属性的区别
2015/07/26 Javascript
JavaScript function函数种类详解
2016/02/22 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
JavaScript“尽快失败”的原则实例详解
2016/10/08 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
vue导出html、word和pdf的实现代码
2018/07/31 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
2019/03/28 Javascript
js中值引用和地址引用实例分析
2019/06/21 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
2019/09/04 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
python结合opencv实现人脸检测与跟踪
2015/06/08 Python
Python监控主机是否存活并以邮件报警
2015/09/22 Python
PYTHON 中使用 GLOBAL引发的一系列问题
2016/10/12 Python
python编程使用selenium模拟登陆淘宝实例代码
2018/01/25 Python
Python读取英文文件并记录每个单词出现次数后降序输出示例
2018/06/28 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
python set集合使用方法解析
2019/11/05 Python
如何把python项目部署到linux服务器
2020/08/26 Python
使用HTML5 IndexDB存储图像和文件的示例
2018/11/05 HTML / CSS
Gina Bacconi官网:吉娜贝康尼连衣裙和礼服
2018/04/24 全球购物
期末评语大全
2014/05/04 职场文书
成立公司计划书
2014/05/07 职场文书
实习推荐信
2014/05/10 职场文书
电力培训心得体会
2014/09/02 职场文书
学生违纪检讨书200字
2014/10/21 职场文书
免职通知
2015/04/23 职场文书
Python基础之赋值,浅拷贝,深拷贝的区别
2021/04/30 Python
90后经典动画片排行:《数码宝贝》第二,《小鲤鱼历险记》在榜
2022/03/18 日漫
vue使用watch监听属性变化
2022/04/30 Vue.js