uniapp 页面跳转及页面返回传值

跳转传值:

传值页面A

 const data = {name:'0'+Math.random() * 100};
// 跳转页面方法
uni.navigateTo({//url: '/pages/patrol/patrol?data='+encodeURIComponent(JSON.stringify(data)),// 有值url: '/pages/patrol/patrol?data='+encodeURIComponent(JSON.stringify(null)),// 无值});

接收值页面B

onLoad(option){// 接收传递过来的值// 对象接收方法//console.log("option",JSON.parse(decodeURIComponent(option.data)));const params = JSON.parse(decodeURIComponent(option.data));console.log("params",params);if(params != null && params.name.length > 0){// 标识不编辑this.isEditing = false;this.formData.name = params.name;}else{// 标识编辑this.isEditing = true;}},

返回上一页面传值:

方法一:

可能会报错Cannot read property '$vm' of undefined

传值页面B

// 获取页面栈const pages = getCurrentPages();const nowPage = pages[pages.length - 1]; //当前页页面实例const prevPage = pages[pages.length - 2];//上一页页面实例console.log("prevPage",JSON.stringify(prevPage))// 给上一页返回数据prevPage.$vm.value = this.formData;// 返回上一页uni.navigateBack({delta: 1, // 默认值是1,表示返回的页面层数});

接收值页面A

onShow(){// 接收 patrol.vue跳转返回传值const pages = getCurrentPages();const currPage = pages[pages.length - 1]; // 当前页的实例this.dataVal = currPage.$vm.value;console.log("dataVal",this.dataVal);}

方法二:

uni.relaunch会关闭所有页面,并打开到应用内的某个页面,因此用户会看到重启的效果,慎用。

传值页面B

uni.reLaunch({url: '/pages/index/index?data='+encodeURIComponent(JSON.stringify(data))// 有值});

接收值页面A

onLoad(option){// 接收传递过来的值// 对象接收方法//console.log("option",JSON.parse(decodeURIComponent(option.data)));const params = JSON.parse(decodeURIComponent(option.data));console.log("params",params);if(params != null && params.name.length > 0){// 标识不编辑this.isEditing = false;this.formData.name = params.name;}else{// 标识编辑this.isEditing = true;}},

方法三(推荐):

传值页面B

// 传递参数
uni.$emit('isPatrol', data);

接收值页面A

async onShow(){console.log("onShow")uni.$on('isPatrol',function(data){console.log('监听到事件来自返回的参数:' + JSON.stringify(data));// TODO 下面执行刷新的方法})
}

销毁监听:

onUnload() {// 页面销毁时的生命周期函数// 移除监听器,避免内存泄露uni.$off('isPatrol');},

 

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

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

相关文章

C++系列之继承

💗 💗 博客:小怡同学 💗 💗 个人简介:编程小萌新 💗 💗 如果博客对大家有用的话,请点赞关注再收藏 🌞 继承的概念 继承机制是面向对象程序设计使代码可以复用的最重要的手段&#xf…

【微软:多模态基础模型】(5)多模态大模型:通过LLM训练

欢迎关注[【youcans的AGI学习笔记】](https://blog.csdn.net/youcans/category_12244543.html)原创作品 【微软:多模态基础模型】(1)从专家到通用助手 【微软:多模态基础模型】(2)视觉理解 【微…

数字IC后端低功耗设计实现案例分享(3个power domain,2个voltage domain)

下图所示为咱们社区T12nm A55低功耗实现项目。其实这个项目还可以根据产品的需求做一些改进。改进后项目实现的难度会大大增加。也希望通过今天的这个项目案例分享,帮助到今年IC秋招的同学。 芯片低功耗设计实现upf编写指南(附低功耗项目案例&#xff0…

Vue3中使用:deep修改element-plus的样式无效怎么办?

前言:当我们用 vue3 :deep() 处理 elementui 中 el-dialog_body和el-dislog__header 的时候样式一直无法生效,遇到这种情况怎么办? 解决办法: 1.直接在 dialog 上面增加class 我试过,也不起作用,最后用这种…

HTTP CRLF注入攻击

HTTP CRLF注入攻击 大家好,今天我们来聊聊一个与网络安全相关的重要话题——CRLF注入(CRLF Injection)。了解这种安全漏洞有助于我们更好地保护我们的应用程序和用户数据。 什么是CRLF? CRLF代表Carriage Return (回车) 和 Line…

免费实用的图片加水印工具

高度自定义的图片加水印工具 因工作需要和朋友的需求,我基于canvas开发了这款图片加水印工具。 地址:https://potatotools.top/toolsEntrance/pic/ImageWatermark.vue.html 功能亮点 尺寸定制 ,轻松调整水印宽高,精准适配每张图…

51c自动驾驶~合集30

我自己的原文哦~ https://blog.51cto.com/whaosoft/12086789 #跨越微小陷阱,行动更加稳健 目前四足机器人的全球市场上,市场份额最大的是哪个国家的企业?A.美国 B.中国 C.其他 波士顿动力四足机器人 云深处 绝影X30 四足机器人 &#x1f…

优化装配,提升品质:虚拟装配在汽车制造中的关键作用

汽车是各种零部件的有机结合体,因此汽车的装配工艺水平和装配质量直接影响着汽车的质量与性能。在汽车装配过程中,经常会发生零部件间干涉或装配顺序不合理等现象,且许多零部件制造阶段产生的质量隐患要等到实际装配阶段才能显现出来&#xf…

进入 RPG Prime:第六周游戏指南

进入 RPG Prime,在这里,每一个任务都是一个等待展开的史诗故事。选择你的等级,召集你的队伍,开始融合策略、魔法和神话的冒险! 本系列共有 10 篇攻略,贯穿 Alpha 第 4 季,每周都有新攻略&#…

STM32 BootLoader 刷新项目 (十) Flash擦除-命令0x56

STM32 BootLoader 刷新项目 (十) Flash擦除-命令0x56 1. STM32F407 BootLoader 中的 Flash 擦除功能详解 在嵌入式系统中,BootLoader 的设计是非常关键的部分,它负责引导主程序的启动、升级以及安全管理。而在 STM32F407 等 MCU 上实现 BootLoader&…

网页抓取API,让数据获取更简单

网页抓取的过程通常分为以下步骤,尤其是在面对静态网页时: 获取页面 HTML:使用 HTTP 客户端下载目标页面的 HTML 内容。解析 HTML:将下载的 HTML 输入解析器,准备提取内容。提取数据:利用解析器功能&#…

Golang语言整合jwt+gin框架实现token

1.下载jwt go get -u github.com/dgrijalva/jwt-go2.新建生成token和解析token文件 2.1 新建common文件夹和jwtConfig文件夹 新建jwtconfig.go文件 2.2 jwtconfig.go文件代码 /* Time : 2021/8/2 下午3:03 Author : mrxuexi File : main Software: GoLand */ package jwtC…

详细分析ipvsadm负载均衡的命令

目录 前言1. 基本知识2. 命令参数3. 拓展 前言 LVS四层负载均衡架构详解Lvs推荐阅读:添加链接描述 1. 基本知识 ipvsadm 是用于管理和配置 Linux 服务器上 IP Virtual Server (IPVS) 的工具,是 Linux 提供的一个负载均衡模块,支持多种负载…

量化选股日常操作日记-11-ai眼镜-润欣科技

用 微信小程序 梦想兔企业智能风险分析助手 ,选择AI眼镜板块,挖掘了几个合适的股,分析下来感觉 润欣科技 比较安全些适合观察,几块到十几块波动,企业基本面也没有特别大问题。就是现在价位在周期波动高位,下…

动力学法测量金属弹性模量

🏫中南民族大学-⚛大学物理实验2-📠通信工程2024 目录 Python代码 1. 绘制图像 2. 弹性模量数值计算 图像显示 Pycharm 豆包 MarsCode 非常强大!有了它们,我在处理大学物理实验的数据及其可视化就非常方便,极大缩减…

NLP论文速读(EMNLP 2024)|动态奖励与提示优化来帮助语言模型的进行自我对齐

论文速读|Dynamic Rewarding with Prompt Optimization Enables Tuning-free Self-Alignment of Language Models 论文信息: 简介: 本文讨论的背景是大型语言模型(LLMs)的自我对齐问题。传统的LLMs对齐方法依赖于昂贵的训练和人类偏好注释&am…

SLM561A系列60V10-50mA单通道线性恒流LED驱动芯片,为汽车照明、景观照明助力

SLM561A系列选型参考: SLM561A10ae-7G SOD123 SLM561A15ae-7G SOD123 SLM561A20ae-7G SOD123 SLM561A25ae-7G SOD123 SLM561A30ae-7G SOD123 SLM561A35ae-7G SOD123 SLM561A40ae-7G SOD123 SLM561A45ae-7G SOD123 SLM561A50ae-7G SOD123 S…

RabbitMQ1:初识MQ

欢迎来到“雪碧聊技术”CSDN博客! 在这里,您将踏入一个专注于Java开发技术的知识殿堂。无论您是Java编程的初学者,还是具有一定经验的开发者,相信我的博客都能为您提供宝贵的学习资源和实用技巧。作为您的技术向导,我将…

父组件提交时让各自的子组件验证表格是否填写完整

项目场景: 提示:这里简述项目相关背景: 父组件中有三个表格,表格中时输入框,有些输入框是必填的,在父组件提交时需要验证这三个表格的必填输入框中是否有没填写的。 原因分析: 提示&#xff1a…

Siglus引擎 Unpack | 未完待续

前言 未完待续。 代码在这里:https://github.com/N0zoM1z0/SiglusEngine-Extract 以后随时会更新。() 因为我是选择直接逆向游戏引擎,在无源码,不hook的情况下硬逆Siglus…… 路漫漫。。。 read.sav 可以直接逆Sigl…