手揣网教程/应用软件/内容

微信小程序中的onLoad的解析

应用软件2024-02-05 阅读
[摘要]这篇文章主要介绍了微信小程序中的onLoad详解及简单实例的相关资料,需要的朋友可以参考下微信小程序中的onLoadonLoad是一个生命周期函数,表示页面加载onLoad默认有一个Object类型...
这篇文章主要介绍了微信小程序中的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,但像这样改了一下无关紧要的东西才能正常运行的情况我已经遇见好几次了。

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

微信小程序 scroll-view实现上拉加载与下拉刷新的实例

微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法

以上就是微信小程序中的onLoad的解析的详细内容,更多请关注php中文网其它相关文章!

  • 微信
  • 分享

  • 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。

    ……

    标签:微信小程序中的onLoad的解析
    相关阅读