uni-app中,实现页面之间传参

devtools/2024/9/25 8:30:26/

使用场景:

        前提条件:当我们从一个列表页面,进入新增页面,

        情况1:在新增页面,信息添加成功后,返回列表页面,此时,需要更新列表数据;

        情况2:在新增页面,没有添加信息,直接返回列表页面,此时,不需要更新列表数据

针对以上情况,具体实现如下:

列表页面A,代码内容如下:
import { onShow } from '@dcloudio/uni-app'onShow(() => {// 当从添加页面返回时,如果有数据更新,则需要刷新列表uni.$on('update', (e: boolean) => {// 为true时,表示需要更新数据if (e) {page.value = 1total.value = 0getList()}})
})

添加页面B,代码内容如下:

// 确认添加信息
const confirmSubmit = async () => {try {btnLoading.value = true// 执行对应接口await interfaceName(params)// 添加成功时,返回列表页面,需要重新刷新数据uni.$emit('update', true)// 添加成功之后,才返回列表页面uni.navigateBack()} catch (e) {console.log(e)} finally {btnLoading.value = false}
}

注意: 页面之间传参,通过uni.$emit('update', params)与uni.$on('update', (e: boolean) => {})实现

大家如有其他更好的方法,欢迎大家留言评论。如果有错误的地方,也请大家及时指出,非常感谢!


http://www.ppmy.cn/devtools/30173.html

相关文章

Windows 下安装 jupyter notebook

先安装 python 环境,具体不再讲了。有了 python 环境,就可以用 pip 命令安装了。为了加快速度,下面的命令选择的清华大学的镜像源。 pip install jupyter -i https://pypi.tuna.tsinghua.edu.cn/simple/安装完成后,我在下面的文件…

React和antd如何封装权限按钮

在React和Ant Design(antd)中封装一个权限按钮涉及到两个主要步骤: 权限判断:首先,你需要有一个权限管理系统来存储和检查用户的权限。这通常是通过API从服务器获取用户权限,然后将其保存在应用的状态中。 封装按钮组件:基于用户的权限,你可以封装一个React组件,这个…

Django运行不提示网址问题

问题描述:运行django项目不提示网址信息,也就是web没有起来,无法访问。 (my-venv-3.8) PS D:\Project\MyGitCode\public\it_blog\blog> python .\manage.py runserver INFO autoreload 636 Watching for file changes with StatReloader …

搭建并配置HTTPD文件服务及访问权限控制

一、安装HTTPD服务 yum -y install httpd 查看安装版本 httpd -v 二、HTTPD服务目录结构 conf: 存放主要的配置文件,如httpd.conf。 conf.d: 包含额外的配置文件,可以通过主配置文件包含进来。 conf.modules.d: 包含Apache模块的配置文件。 logs: 存放…

Flink on k8s 入门实战

Flink on k8s 入门实战 背景 最近一直在学习flink on k8s,踩了不少坑,折腾了好几天,终于是达到了自己想要的效果。 首先说一下,我要实现的效果是什么?Application模式下,ip和端口保持不变,根据不同的路径访问不同的任务。 环境部署 这一步也是我遇到问题最多的一步…

EasyExcel 处理 Excel

序言 本文介绍在日常的开发中,如何使用 EasyExcel 高效处理 Excel。 一、EasyExcel 是什么 EasyExcel 是阿里巴巴开源的一个 Java Excel 操作类库,它基于 Apache POI 封装了简单易用的 API,使得我们能够方便地读取、写入 Excel 文件。Easy…

Unity Animation--动画剪辑

Unity Animation--动画剪辑 动画剪辑 动画剪辑是Unity动画系统的核心元素之一。Unity支持从外部来源导入动画,并提供创建动画剪辑的能力使用“动画”窗口在编辑器中从头开始。 外部来源的动画 从外部来源导入的动画剪辑可能包括: 人形动画 运动捕捉…

VS(Visual Studio)中查找项目里的中文字符

目录 正则表达式查找中文字符 正则表达式查找中文字符 在Visual Studio (VS) 中查找所有的中文字符,你可以使用其强大的查找和替换功能。不过,由于中文字符的范围非常广泛(包括简体中文、繁体中文、日本汉字、韩国汉字等)&#xf…