微信小程序中onLoad的示例分析

这篇文章主要介绍微信小程序中onLoad的示例分析，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

十余年的察隅网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整察隅建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“察隅网站设计”,“察隅网站推广”以来，每个客户项目都认真落实执行。

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

以上是“微信小程序中onLoad的示例分析”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！