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

news/2024/9/22 20:05:32/

使用场景:

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

        情况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/news/1450964.html

相关文章

238 基于matlab的水平轰炸弹道的求解

基于matlab的水平轰炸弹道的求解,列出轰炸弹道方程组并利用龙格库塔法解算弹道方程。设计中包含了二维弹道与三维弹道的计算,并都绘制了弹道运动轨迹,最终还将整个题目集中在一个图形用户界面(GUI)上。程序已调通&…

rust将json字符串直接转为map对象或者hashmap对象

有些时候我们还真的不清楚返回的json数据里面到底有哪些数据,数据类型是什么等,这个时候就可以使用批处理的方式将json字符串转为一个对象,然后通过这个对象的get方法来获取json里面的数据。 pub async fn test_json(&self) {let json_st…

FineBI学习:K线图

效果图 底表结构:日期、股票代码、股票名称、开盘价、收盘价、最高价、最低价 步骤: 横轴:日期 纵轴:开盘价、最低价 选择【自定义图表】,或【瀑布图】 新建字段:价差(收盘-开盘&#xf…

ESP32 烧录固件

第一步:下载固件 git clone --recursive https://github.com/espressif/esp-at.git 第二步:执行编译 在该目录执行 python build.py install 如图: 第三步:选择芯片 输入2 第四步:选择固件 输入1 第五步&#…

赶紧收藏!2024 年最常见 100道 Java 基础面试题(二十六)

上一篇地址:赶紧收藏!2024 年最常见 100道 Java 基础面试题(二十五)-CSDN博客 五十一、ThreadLocal是什么?有哪些使用场景? ThreadLocal是Java提供的一个线程局部变量工具,它允许线程持有它自…

uni-app scroll-view隐藏滚动条的小细节 兼容主流浏览器

开端 想写个横向滚动的列表适配浏览器,主要就是隐藏一下滚动条在手机上美观一点。 但是使用uni-app官方文档建议的::-webkit-scrollbar在目标标签时发现没生效。 .scroll-view_H::-webkit-scrollbar{display: none; }解决 F12看了一下,原来编译到浏览…

前端基础学习html(1)

1.标题标签.h1,h2...h6 2.段落标签p 换行标签br 3.加粗strong(b) /倾斜em(i) /删除 del(s) /下划线ins(u) 4.盒子:div //一行一个 span//一行多个 5.img :src alt title width height border 图片src引用:相对路径 上级/同级/中级 绝对路径&#xff…

Unity对接科大讯飞实时语音转写WebAPI(Windows平台)

科大讯飞官方文档:实时语音转写 API 文档 | 讯飞开放平台文档中心 (xfyun.cn) 参考文章:unity通过WebAPI连接Websocket实现讯飞语音识别与合成。_unity websocket audio-CSDN博客 要实现语音转文字。首先我们需要从麦克风获取到语音数据,这里…