微信小程序中 onLoad 功能的详细解析与说明

why 106 2024-08-26

这篇文章主要介绍了微信小程序中的onload详解及简单实例的相关资料,需要的朋友可以参考下

微信小程序中 onLoad 功能的详细解析与说明

微信小程序中的onLoad

onLoad是一个生命周期函数,表示页面加载

onLoad默认有一个Object类型的参数,是指其他页面打开当前页面所调用的 query 参数

举个栗子~

当我们在页面first的js脚本中有一个点击方法onTap

当点击时页面跳转到second页面,用?id = secondId的形式为second页面传递一个值(这里的secondId是一个已经获取过的值)


1

2

3

4

onTap: function(){

 wx.navigateTo({

  url: "second?id=" + secondId

 })


接着我们在second的js文件中接收这个id

这里的参数option就是我们之前收到的Object参数,这样我们就可以在second.js中使用这个id值了


1

2

3

4

5

6

Page({

 onLoad: function(options){

  var secondId = options.id;

   console.log(postId);

 }

})


注:

我在刚开始运行这段代码时postId输出始终为undefined,输出option中也没有id值。最后将first中的url从单引号改为双引号才得以解决,以为真的是这个原因,可又改回单引号发现一样可以正常运行。不知道是哪里的bug,但像这样改了一下无关紧要的东西才能正常运行的情况我已经遇见好几次了。

以上就是本文的全部内容,希望对大家的学习有所帮助。


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序加载 app-service.js 错误的解决途径探讨
下一篇:微信小程序里实现图片等比例缩放的方法剖析
相关文章

 发表评论

暂时没有评论,来抢沙发吧~