当前位置:首页 > 日记 > 正文

微信小程序中的onLoad详解及简单实例

微信小程序中的onLoad详解及简单实例

微信小程序中的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,但像这样改了一下无关紧要的东西才能正常运行的情况我已经遇见好几次了。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

excel利用表格制作报价单教程excel

excel利用表格制作报价单教程excel

教程,报价单,表格,电脑软件,excel,  在Excel中经常有很多商人都用Excel制作报价单这个表,或许还有有需要制作的但还不会制作朋友,不妨学习学习。下面是由小编分享的excel利用表格制作报价单教程,希望对你有用。excel利用表格制作报价单教程…

手机qq阅读怎么写小说QQ阅读写小说

手机qq阅读怎么写小说QQ阅读写小说

教程,方法,操作过程,小说,目录,  一些网友想在手机qq阅读上写小说,给大家看,应该如何操作呢?今天小编为你演示在qq阅读上写小说的步骤,希望能帮到你。手机qq阅读写小说的操作过程1、首先登入你手机QQ聊天记录首页,然后点击右下角的“动态…

Excel中常见的反向查找函数公式如

Excel中常见的反向查找函数公式如

查找,函数,公式,常见,如何使用,  Excel中反向查找也有很多种公式写法,比如一些Excel的高手们经常玩的lookup函数的经典查找模式:Lookup(1,0/((条件1)*(条件2)*(条件n)),返回值)。以下是小编为您带来的关于Excel中常见的反向查找函数公式使…

微信怎么在收藏中创建图文笔记?

微信怎么在收藏中创建图文笔记?

图文,笔记,收藏,电脑软件,  在新的微信版本当中,我们可以看到微信推出了一个新的功能,那就是可以在收藏当中建立图文笔记,图文的概念应该是微信公众号推出的,现在应用到微信当中来还是蛮不错的,对于我们工作来说有很大的方便呢。微信在收藏中…

qq浏览器怎么设置默认浏览器QQ浏览

qq浏览器怎么设置默认浏览器QQ浏览

默认浏览器,方法,浏览器,设置,浏览器设置,  有时候打开一些网页,使用的不是自己常用的qq浏览器,那么,如何将QQ浏览器设置为默认的浏览器呢?随小编一起来看看qq浏览器恢复默认设置的方法吧!qq浏览器设置默认浏览器的方法一、在电脑桌面上的&l…

微信进入京东商城在哪从微信进入京

微信进入京东商城在哪从微信进入京

方法,京东,商城,电脑软件,strong,  相信有大部分的机友们在选购电子产品的时候都会选择京东,毕竟京东的口碑在电商行业中也是众所周知的,而且还有所保障。如果你不想单独下载京东商城APP的话,是可以通过微信进入京东商城的。下面,小编将为大…

ppt中如何导入本地的为项目符号

ppt中如何导入本地的为项目符号

项目,符号,图片,电脑软件,ppt,  ppt中我们可以用很漂亮的图片作为项目符号,好的项目符号可以使我们的ppt看起来焕然一新,有时候我们会用图片做好项目符号,然后用图片的形式添加项目符号。以下是小编为您带来的关于ppt中导入本地的图片为项目…

Bootstrap 3 进度条的实现

Bootstrap 3 进度条的实现

进度条,电脑软件,Bootstrap,基本样式<div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> <span class="sr-only">60%…

nodejs Assert中equal | ,strictEq

nodejs Assert中equal | ,strictEq

电脑软件,equal,Assert,nodejs,strictDeepEqual,1、equal()equal(actual,expected[,message])相当于使用 == 运算符比较两个参数值actual和expected是否相等,如果相等不返回任何值,如果不相等则返回带有message属性的AssertionError,若message…

JS操作xml对象转换为Json对象示例

JS操作xml对象转换为Json对象示例

对象,操作,示例,转换为,电脑软件,最近在处理一个前端功能的时候,遇到了一个问题,原本的系统是使用的xml来存储数据的,而在新的系统上,想要转换为json对象存储,于是就考虑到直接将xml对象转换为json对象。目前为止,通用的转换方式我还没有找到,只有…

word2010中如何修改默认样式

word2010中如何修改默认样式

修改,默认,样式,电脑软件,  说到Word2010文档的默认样式,有同学觉得字号小看起来费劲,时间长了还容易引起眼睛疲劳。那么下面就由小编给大家分享下word2010中修改默认样式的技巧,希望能帮助到您。word2010中修改默认样式的步骤如下:  步骤…

qq飞车伤感符号签名

qq飞车伤感符号签名

飞车,符号,伤感,大全,电脑软件,  一句伤感签名:没有关系我们只是朋友 所以不会有分开的理由 只是偶尔会问我自己 闹够了没有。下面小编给大家分享了关于qq飞车伤感符号签名,希望你喜欢。qq飞车伤感符号签名大全1) 几年前我总觉得我很温暖 …