uni-app切换页面刷新,返回上一页刷新(onShow钩子函数的使用)

切换页面刷新:通过onShow()便可实现

返回上一页通过uni.navigateBack({delta: 1});实现

以返回上一页刷新为例

从B页面返回上一页到A页面,在A页面写入方法refreshHandler()

//a.vue
methods: {    // 执行刷新逻辑refreshHandler() {uni.request({url: getApp().globalData.position + 'Produce/select_producting',data: {username: getApp().globalData.username},header: {"Content-Type": "application/x-www-form-urlencoded"},method: 'POST',dataType: 'json',success: res => {this.info = res.data.info;},fail(res) {console.log("查询失败")}})}
},

在A页面写入onLoad(),onShow()
onLoad():首次进入页面时执行的方法,这里直接引入refreshHandler() 可以直接查询到页面数据
onShow():进入页面执行的方法,主要切换到本页面就会执行该方法,这里也是直接引入refreshHandler()函数,可以在每次进入页面时,执行数据刷新(写入onShow(),便可解决进入页面不刷新的问题,返回上一页刷新的问题也会解决)

//刚进入页面执行的操作
onLoad() {this.refreshHandler()
},
//进入页面这行的操作
onShow() {this.refreshHandler()        
}

在B页面执行返回A页面的操作

//b.vue
methods: {is_back(e) {console.log('返回')uni.showToast({title: '成功',})setTimeout(function() {//返回上一页uni.navigateBack({delta: 1,});}, 500)},
},

核心

uni.navigateBack({delta: 1,
});

这段代码的作用是返回上一个页面,delta参数指定了返回的层数。在这里,delta为1表示返回上一层(即当前页面的前一个页面)。
注:uni.navigateBack函数是由uni-app框架提供的,用于在多页面应用中返回上一个页面。它类似于浏览器的后退按钮功能。
如果你希望执行该函数后刷新上一个页面,你可以使用下面的方式:
当成功返回上一个页面后,会调用上一个页面的onShow生命周期函数进行刷新操作。

uni.navigateBack({delta: 1,success: function () {const pages = getCurrentPages(); //获取当前页面栈const prevPage = pages[pages.length - 1]; //获取上一个页面实例对象prevPage.onLoad(); //调用上一个页面的onLoad方法}
});

总结:

方法一:直接在onShow()生命周期调用方法;
方法二:使用uni.navigateBack返回调用上一个页面的onLoad方法

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/664066.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

NoSQL数据库管理系统和模型的比较

介绍 当大多数人想到数据库时,他们通常会想到传统的关系数据库模型,其中包括由行和列组成的表。虽然关系数据库管理系统仍然处理着互联网上的大部分数据,但近年来,随着开发人员寻求绕过关系模型的限制,替代数据模型变…

本体匹配方法概述

目录 前言1 基于术语匹配的方法1.1 字符串匹配1.2 语言方法 2 基于虚拟文档的方法3 基于结构的匹配方法3.1 结构信息利用3.2 Anchor-prompt方法 4 大型本体匹配4.1 本体划分4.2 匹配分块4.3 实体间映射 结语 前言 本文将深入探讨本体匹配的不同方法,从基于术语匹配…

springboot项目以jar包运行时,读取jar包内的静态文件

springboot项目以jar包运行时,读取jar包内的静态文件 java

从编程中理解:大脑的成瘾行为

成瘾行为在心理学中被定义为个体对某种物质或行为产生强烈的心理和生理依赖,无法自控地重复该行为。从编程的角度来看,我们可以将大脑的成瘾行为模型化为一种反馈循环系统,其中包含激励、奖赏、强化学习等机制。以下是一个用Unity C#代码模拟金庸武侠小说中人物成瘾行为的例…

Git指令大全:如何同步github代码,12个你必须了解的最常见Git命令!

📥 准备好合作!克隆仓库: git init - 初始化仓库。git clone [仓库URL] - 克隆仓库。 🕵️‍♂️ 监控变更: git status - 检查状态。git add [文件(们)] - 添加变更。git commit -m "[消息]" - 提交变更…

神经网络和深度学习吴恩达coursera笔记

Deep Learning 文章目录 Deep LearningBasicLogistic Regressionsome signLoss functioncost functionGradient DescentComputation Grapha VectorizationvectorizedImplementing:broadcasting Shallow Neural NetworkRepresentationcomputing:Vectorize:Activation functionsG…

DES加密原理

DES加密算法综合运用了置换、代替、代数等多种密码技术,具有设计精 巧、实现容易、使用方便等特点。DES加密算法的明文、密文和密钥的分组长度 都是64位,详细的DES加密算法结构如图6-10所示。 图6-10 DES加密算法结构图 DES加密过程如下所示&#xff…

2024PMP考试新考纲-【业务环境领域】典型真题和很详细解析(3)

华研荟继续分享【业务环境Business Environment领域】在新考纲下的真题,帮助大家体会和理解新考纲下PMP的考试特点和如何应用所学的知识和常识(经验)来解题,并且举一反三,一次性3A通过2024年PMP考试。 2024年PMP考试新…

0202-1-处理机调度与死锁

第三章:处理机调度与死锁 处理机调度算法的目标 处理机调度算法的共同目标 资源利用率:CPU的利用率CPU有效工作时间/(CPU有效工作时间CPU空闲等待时间)公平性平衡性策略强制执行 批处理系统的目标 平均周转时间短系统吞吐量高处理机利用率高 分时系统的目标 响应时间快均…

10MHz 到 80MHz、10:1 LVDS 并串转换器(串化器)/串并转换器(解串器)MS1023/MS1224

产品简述 MS1023 串化器和 MS1224 解串器是一对 10bit 并串 / 串并转 换芯片,用于在 LVDS 差分底板上传输和接收 10MHz 至 80MHz 的并行字速率的串行数据。起始 / 停止位加载后,转换为负载编 码输出,串行数据速率介于 120Mbps…

如何将 h5 页面快速转换成微信小程序

Hello各位朋友们大家新的一月好呀!我是咕噜铁蛋!我知道在小程序开发中,有时候需要将H5页面转换成微信小程序页面。这样可以将原本的网页内容适配到小程序中,让用户能够更方便地访问和使用。在本文中,我将分享如何快速将…

Vue实现公告循环横向播报组件

一、代码组件 注意&#xff1a;当公告字数很少时会固定不动&#xff0c;当字数达到最大宽度时&#xff0c;则会循环播报 <template><div class"TopCard"><!-- 小喇叭 --><div style"width: 70px"><notify style"width: 2…

git小白进阶之路

git是最常用的版本控制工具&#xff0c;我对其进行了整理后续补充&#xff0c;这个文档欢迎大家来讨论&#xff0c;当前我的视频梳理&#xff1a; git小白进阶之路_哔哩哔哩_bilibili&#xff0c;非常希望大佬们能够批评指正&#xff0c;并多多交流。 目录 初始配置 配置账号…

《PCI Express体系结构导读》随记 —— 第II篇 第4章 PCIe总线概述(5)

接前一篇文章&#xff1a;《PCI Express体系结构导读》随记 —— 第II篇 第4章 PCIe总线概述&#xff08;4&#xff09; 4.1.2 PCIe总线使用的信号 PCIe设备使用两种电源信号供电&#xff0c;分别是Vcc与Vaux&#xff0c;其额定电压为3.3V。其中Vcc为主电源&#xff0c;PCIe设备…

上位机图像处理和嵌入式模块部署(linux开发板的选择)

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 很多图像算法是通过上位机来完成的&#xff0c;比如说工业视觉当中的halcon&#xff0c;一般都是要运行在windows平台上面&#xff0c;并且需要高性…

CC++内存泄露和检测

介绍 内存泄漏&#xff08;Memory Leak&#xff09;是指在计算机程序运行过程中&#xff0c;程序动态分配了一块内存空间后&#xff0c;在使用完毕之后没有及时释放&#xff0c;导致这块内存无法被再次有效利用的现象。换言之&#xff0c;当程序申请的内存不再需要时&#xff…

【新书推荐】5.1 逻辑运算符

第五章 逻辑运算 本章讲解逻辑运算符与逻辑运算&#xff0c;移位运算符与移位运算。 本章学习知识概要&#xff1a; 逻辑运算符 位运算符 5.1 逻辑运算符 本节必须掌握的知识点&#xff1a; 示例十六 代码分析 汇编解析 5.1.1 示例十六 逻辑运算符包括逻辑与、逻辑或、逻辑…

SpringTask

SpringTask 介绍&#xff1a; Spring Task 是Spring框架提供的任务调度工具&#xff0c;可以按照约定的时间自动执行某个代码逻辑。Spring3.0以后自主开发的定时任务工具&#xff0c;可以看做是一个轻量级的Quartz框架。使用起来很简单&#xff0c;除spring相关的包外不需要额…

学习python第一天

1.输出 print("Hello, World!") 2.退出命令提升符 exit() 3.Python 缩进 实例 if 5 > 2:print("Five is greater than two!") 空格数取决于程序员&#xff0c;但至少需要一个。 您必须在同一代码块中使用相同数量的空格&#xff0c;否则 Python 会…

Fashion MNIST数据集介绍及基于Pytorch下载数据集

Fashion MNIST数据集介绍及基于Pytorch下载数据集 &#x1f335;文章目录&#x1f335; &#x1f333;引言&#x1f333;&#x1f333;Fashion MNIST数据集简介&#x1f333;Fashion MNIST数据集的类别说明Fashion MNIST数据集图片示例 &#x1f333;基于PyTorch下载Fashion MN…