微信小程序中的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高级程序设计 错误处理与调试学习笔记
Sep 10 Javascript
jQuery版仿Path菜单效果
Dec 15 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
Aug 21 Javascript
js setTimeout()函数介绍及应用以倒计时为例
Dec 12 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
js预加载图片方法汇总
Jun 15 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
从parcel.js打包出错到选择nvm的全部过程
Jan 23 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
Sep 26 Javascript
vue项目中全局引入1个.scss文件的问题解决
Aug 01 Javascript
react实现同页面三级跳转路由布局
Sep 26 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
adodb与adodb_lite之比较
2006/12/31 PHP
PHP中for循环语句的几种变型
2007/03/16 PHP
php更新修改excel中的内容实例代码
2014/02/26 PHP
php判断是否为json格式的方法
2014/03/04 PHP
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
2014/04/15 Javascript
js实现非常简单的焦点图切换特效实例
2015/05/07 Javascript
详解JavaScript中setSeconds()方法的使用
2015/06/11 Javascript
js实现简单折叠、展开菜单的方法
2015/08/28 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
2017/06/28 Javascript
vue.js实现单选框、复选框和下拉框示例
2017/07/18 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
JS实现键值对遍历json数组功能示例
2018/05/30 Javascript
你不知道的 TypeScript 高级类型(小结)
2020/08/28 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
2020/11/05 Javascript
浅析vue中的nextTick
2020/12/28 Vue.js
[05:05]第三天的dota2
2013/07/29 DOTA
Python自定义函数的创建、调用和函数的参数详解
2014/03/11 Python
Python二维码生成库qrcode安装和使用示例
2014/12/16 Python
Python中的map()函数和reduce()函数的用法
2015/04/27 Python
python求解水仙花数的方法
2015/05/11 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
Python编程快速上手——选择性拷贝操作案例分析
2020/02/28 Python
Python IDE环境之 新版Pycharm安装详细教程
2020/03/05 Python
如何在Python 游戏中模拟引力
2020/03/27 Python
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
2015/03/27 HTML / CSS
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
生产部主管岗位职责
2014/01/06 职场文书
九年级物理教学反思
2014/01/29 职场文书
仓管岗位职责范本
2014/02/08 职场文书
幼儿园三八妇女节活动方案
2014/03/11 职场文书
医院标语大全
2014/06/23 职场文书
学期个人自我总结
2015/02/13 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python
适合后台管理系统开发的12个前端框架(小结)
2021/06/29 Javascript