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

 更新时间:2017年04月05日 15:18:57   作者:HaiJing1995  
这篇文章主要介绍了微信小程序中的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,但像这样改了一下无关紧要的东西才能正常运行的情况我已经遇见好几次了。

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

相关文章

  • 手把手教你从0搭建前端脚手架详解

    手把手教你从0搭建前端脚手架详解

    这篇文章主要介绍了手把手教你从0搭建前端脚手架详解,脚手架就是在启动的时候询问一些简单的问题,并且通过用户回答的结果去渲染对应的模板文件,需要的朋友可以参考下
    2023-03-03
  • 详解JS前端使用迭代器和生成器原理及示例

    详解JS前端使用迭代器和生成器原理及示例

    这篇文章主要为大家介绍了详解JS前端使用迭代器和生成器原理及示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • JS仿照3D手办模型展台实现示例详解

    JS仿照3D手办模型展台实现示例详解

    这篇文章主要为大家介绍了JS 实现伪3D手办模型展台示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • 微信小程序 wxapp地图 map详解

    微信小程序 wxapp地图 map详解

    这篇文章主要介绍了微信小程序 wxapp地图 map基础知识的相关资料,并附简单实例,帮助大家学习理解,需要的朋友可以参考下
    2016-10-10
  • 详细探究ES6之Proxy代理

    详细探究ES6之Proxy代理

    ES6中提出了一个新的特性,就是proxy,用来拦截在一个对象上的指定操作,这个功能非常的有用。本文会介绍 Proxy的使用方式及列举具体实例解释 Proxy 的使用场景。
    2016-07-07
  • JS面试之异步模拟超时重传机制详解

    JS面试之异步模拟超时重传机制详解

    这篇文章主要为大家介绍了JS面试之异步模拟超时重传机制详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • 微信小程序 wx.uploadFile无法上传解决办法

    微信小程序 wx.uploadFile无法上传解决办法

    这篇文章主要介绍了微信小程序 wx.uploadFile无法上传解决办法的相关资料,需要的朋友可以参考下
    2016-12-12
  • 微信小程序动态的加载数据实例代码

    微信小程序动态的加载数据实例代码

    这篇文章主要介绍了 微信小程序动态的加载数据实例代码的相关资料,需要的朋友可以参考下
    2017-04-04
  • JS时间分片技术解决长任务导致的页面卡顿

    JS时间分片技术解决长任务导致的页面卡顿

    旨在把一个运行时间比较长的任务分解成一块一块比较小的任务,分块去执行,因为超过 50ms 的任务就会被认为是 long task,用户就能感知到渲染卡顿和交互的卡顿,所以我们可以缩短函数的连续执行时间
    2022-07-07
  • 微信小程序 自动登陆PHP源码实例(源码下载)

    微信小程序 自动登陆PHP源码实例(源码下载)

    这篇文章主要介绍了微信小程序 自动登陆PHP源码实例并且附有源码的相关资料,需要的朋友可以参考下
    2017-05-05

最新评论