微信小程序onLoad和onShow的区别

news/2024/7/20 4:10:38 标签: 小程序

onLoad

  • 页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数。

onShow

  • 页面显示时触发。会重新加载。

主要区别

  • 从二级页面返回该页面时,onLoad不会再次加载,而onshow会重新加载。
  • 如果加载列表页,二级页面对一级列表页面的内容有修改,则一级列表函数应该在onShow中加载,否则可以选择onLoad。
  • 如果从a页面携带参数跳转到b页面,在b页面可以通过options获取参数。如下:
// a页面跳转到b页面
wx.navigateTo({
	url: "/pages/b/index?from=a&to=b,
});
// b页面获取参数
onLoad(options = {}){
	console.log(options.from, options.to);
}

参考:

https://www.cnblogs.com/helena000/p/11213466.html
微信开发文档


http://www.niftyadmin.cn/n/508445.html

相关文章

React hook 之 useState、useEffect

一、React hook Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。所以,不用再纠结使用无状态组件(Function)还是有状态组件(Class),拥有了hooks&…

Promise 与 Async/await

一、Promise Promise 是一个对象,从它可以获取异步操作的消息,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。 Promise对象有以下两个特点&#…

Ant Design表单Form常用方法

Form.useForm() 通过 Form.useForm 对表单数据域进行交互。用法: const [form] Form.useForm();经 Form.useForm() 创建的 form 控制实例,常用方法如下: 1、form.setFieldsValue() 设置表单的值,更新对应的值,用法…

微信小程序-WXML引用

WXML 提供了两种文件引用方式&#xff1a;import 和 include。 一、import import 可以在该文件中使用目标文件定义的 template&#xff0c;如在 item.wxml 中定义了两个叫item1、item2的template&#xff1a; // item.wxml <template name"item1"><text…

小程序wxml语法的使用

一、WXML介绍 WXML全称是 WeiXin Markup Language&#xff0c;是小程序框架设计的一套标签语言&#xff0c;结合小程序的基础组件、事件系统&#xff0c;可以构建出页面的结构。 WXML 文件后缀名是 .wxml&#xff0c;简单的 WXML 语句在语法上同 HTML 非常相似。不带有任何逻辑…

小程序wxs语法的使用

一、WXS介绍 • WXS&#xff08;WeiXin Script&#xff09;是小程序的一套脚本语言&#xff0c;结合 WXML&#xff0c;可以构建出页面的结构。 • WXS 与 JavaScript 是不同的语言&#xff0c;有自己的语法&#xff0c;并不和 JavaScript 一致。 • WXS 的运行环境和其他 Java…

CSS3常用函数梳理

一、var() 用于插入自定义的属性值。 第一个参数必需&#xff0c;为自定义属性的名称&#xff0c;名称需以 -- 开头&#xff1b;第二个参数可选&#xff0c;为备用值&#xff0c;在属性不存在的时候使用。 实例如下&#xff1a; :root {--main-bg-color: red; }body {backgro…

CSS3弹性布局

弹性布局&#xff08;display: flex&#xff09; Flexbox是 CSS3 引入的新的布局模式&#xff0c;决定了元素如何在页面上排列&#xff0c;使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它能够扩展和收缩 flex 容器内的元素&#xff0c;以最大限度地填充可用空间。与以…