微信小程序开发中,onLoad() 和onShow()的区别

2023-05-16

介绍

在微信小程序的开发过程中,经常用到很多生命周期函数,在这里介绍一下 ,onLoad()onShow() 的区别:

  1. onLoad() : 在页面加载的时候触发,只会调用一次,在onLoad() 函数中,可以通过 option获取当前页面路径中的参数
  2. onShow(): 在页面显示时调用,也就是切换页面的时候,或者切入前台的时候触发,可以多次触发

应用场景

  1. onLoad(): 在页面进行跳转时,携带参数跳转;从A页面跳转到B页面,在A页面的跳转链接里使用拼接字符串的方式,拼接参数;然后在B页面里,使用option进行参数的接收,具体代码如下所示:

A页面:

window.location.href("/pages/pageB/pageB?id=7")

B页面:

data() {
  return{
    id: undefined
  }
}
onLoad(option) {
	this.id = option.id
	console.log(this.id) // 得到id的值为A页面传过来的 7
}
  1. onShow():在A页面跳转B页面后,B页面修改了数据,再次返回到A页面的时候,需要同步刷新已经修改的内容; 也就是上面介绍的,页面从隐藏到显示,前后的页面切换,故而使用到 onShow(),具体方法: 将请求数据放在 onShow()里,这样在切换页面的时候,就可以达到重新刷新的效果。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

微信小程序开发中,onLoad() 和onShow()的区别 的相关文章

  • .bat批处理(二):%0 %1——给批处理脚本传递参数

    文章目录 前言内容总结 前言 初次接触批处理脚本觉得有点意思 xff0c 所以决定写一个小功能试验一下 xff0c 谁知刚一开始就发现遇到了麻烦 xff0c 本想着使用参数来控制程序的运行结果 xff0c 可是参数怎么传进去呢 xff0c
  • .bat批处理(三):变量声明、设置、拼接、截取

    文章目录 前言内容总结 前言 在使用批处理脚本的时候我们常常会有这类需求 xff0c 比如需要设置一个变量来存储数据 xff0c 简化程序书写 xff1b 拼接现有的内容得到新的变量 xff1b 截取变量的一部分来满足我们的要求 xff0c
  • ... fatal error LINK1120:1个无法解析的外部命令 的解决办法

    前言 首先说这是一个链接错误而不是编译错误 xff0c 造成这种问题的根本原因就是找得到函数的声明 xff0c 但是找不到函数的实现 xff0c 这是最根本的 xff0c 具体的表现形式有很多 xff0c 我们稍后再做分析 xff0c 下面
  • mysql 诡异的1054错误

    前言 今天在工作中遇到一个非常坑爹的问题 xff0c 有关Mysql的异常处理 xff0c 花费了我好几个小时的时间 xff0c 最后终于解决了 xff0c 然后根据出现的问题的原因 xff0c 逆向来看自己解决问题的过程 xff0c 发现
  • float的精度和取值范围

    文章目录 前言精度限制float存储方式float存储示例float范围float精度float小数float特殊值总结 前言 关于float的精度和取值范围这个问题 xff0c 我查询了很多次 xff0c 每次都是用完就忘了 xff0c
  • iOS LocateMap(地图定位)~demo

    联系人 石虎 QQ 1224614774 昵称 嗡嘛呢叭咪哄 注意点 1 看 GIF 效果图 2 看连线视图的效果图 3 看实现代码 直接复制 实现效果 一 GIF 效果图 二 连线视图的效果图 图1 图2 三 实现代码 61 61 61
  • Echarts visualMap:piece划分方法

    给一个中国地图或者任意州市 区县的地图将其划分为几个部分 例如 xff1a 云南有16个州市 每四个一组 xff0c 最多划分为5组就划分为 xff1a 1 4 5 8 xff0c 9 12 13 16 1 需要注意的问题 前面循环赋值就可
  • wav转pcm格式

    批量wav格式音频转换pcm格式音频 import os path 61 39 audio 1 39 原始音频路径 new path pcm 61 39 audio new pcm 39 存储pcm音频路径 dir path 61 os g
  • 【STM32技巧】CubeMX 生成的代码单片机不能正常运行

    问题描述 xff1a 正常库文件写的代码没有问题正常使用CubeMX生成的HAL代码能够成功下载但是不能正常运行 原因分析 xff1a 用到了 printf 函数如果确实使用了 printf 函数后极大概率没有勾选 Use MicroLIB
  • 前端笔记31——在自己的网页中嵌入百度搜索框

    前言 在前面我分享了我学习到的表单知识 xff0c 我也明白了我们常见的百度搜索框也是通过表单去实现的 下面分享一下在自己的网页中嵌入百度搜索框 在自己的网页中嵌入百度搜索框 lt DOCTYPE html gt lt html gt lt
  • Jupyter Notebook 安装

    安装Jupyter Notebook的前提是需要安装了Python xff08 3 3版本及以上 xff0c 或2 7版本 xff09 Windows 1 安装 在cmd命令提示符窗口中 xff0c 输入 pip install jupyt
  • win10照片打不开,解决方法

    1 将以下代码另存为reg文件 xff0c 之后双击运行reg文件 xff0c 一路确认 xff0c 修改好注册表 Windows Registry Editor Version 5 00 Change Extension 39 s Fil
  • 安装anaconda之后没有conda命令

    问题 安装anaconda之后没有conda命令 解决 span class token function export span PATH span class token operator 61 span home xxx anacon
  • VsCode怎么运行html界面

    一般我们安装完VsCode需要安装很多插件 若是想在vscode运行我们编好的代码在各浏览器进行运行修改bug 如下图 xff1a 那么我们可以安装两个插件 xff1a xff1a open in browers 使用它的方式有alt 43
  • iOS开发中tableView中的单独刷新一行或者是某一个Section

    更换出生日期 CommonMediator shareMediator self presentToFPickViewPage birthday block NSArray retuanArray birthday 61 retuanArr
  • 火狐浏览器中的flex-box与position冲突的解决

    最近做了一个公司的分享页面 xff0c 上面的导航栏 xff0c 是采用flex box和position的绝对定位 xff0c 进行实现的 xff0c 在chrome和safair中的实现的都是好的 xff0c 本来以为万事大吉 xff0
  • Error: Cannot find module 'core-js/fn/array/values' at Function.Module._resolveFilename (module

    rm rf node modules npm install
  • 问 npm start 和node ./bin/www有什么区别?

    npm start 运行的是package json中script块start对应的命令 使用node bin www就是直接执行其中的bin文件其中的www进行设置
  • 使用Yomail的时候出现的错误解决方案

    网易邮箱 包括163 126 yeah net 有时出现登录失败 xff0c 错误提示有 xff1a 1 YoMail提示 xff1a LOGIN Login error user suspended 原因 xff1a 出现这个提示 xff
  • iframe是什么?iframe用法详解。

    经常和网站打交道或者经常建站的朋友对iframe肯定不陌生 xff0c 网站有了iframe会变得更加美观 大气 对于初涉互联网的新手来说 xff0c iframe并不熟悉 xff0c 那么iframe到底是什么 xff1f iframe用

随机推荐