[Uniapp]携带参数跳转界面(两种方法)

一、方法1:路由携参

   假设现在有两个界面:界面A和界面B。并要由界面A跳转到界面B,则我们可以使用
                                                                uni.navigateTo({})

  跳转界面时,将参数附加在URL后,并在B界面的onLoad()获取到这个参数

界面A的代码

<script>export default {data() {return {paramPageA: [],  //在A界面中定义的变量,一会要传送给界面B}},methods: {onGo() {uni.request({url: "接口地址",method: "GET",success(res) {this.paramPageA = res.data.data; const paramJson = JSON.stringify(this.paramPageA);//主要看下面这段代码uni.navigateTo({url: '/pages/PageB/PageB?
activityList='+encodeURIComponent(paramJson)                         })//先把A界面要传送的参数转化成JSON形式//然后以encodeURIComponent的形式拼接到URL后方传送//主要看上面这段代码}});}}}
</script>

        界面B的代码

onLoad() {// 从URL参数中获取paramPageA,并解析为JSON对象  const paramPageB = decodeURIComponent(this.$route.query.paramJson);this.paramPageBJSon = JSON.parse(paramPageB);//界面B中定义的参数console.log("接收到的参数", this.paramPageJson);},

二、方法2:依靠全局变量传参

首先在main.js文件中这样定义全局变量

Vue.prototype.$globalData = {  //在此定义所有全局变量allUrl:"http://localhost:8888",   //统一URL地址myToken:null,   //校验token值paramPage:"",   //要传的参数
}

在界面A中这样修改全局变量

this.$globalData.paramPage = res.data.data;

之后在界面B中直接引用即可

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

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

相关文章

newSingleThreadExecutor和newFixedThreadPool(1)的区别

维护仅有一个线程的线程池有如下两种方式&#xff0c;正常使用的情况下&#xff0c;二者差异不大&#xff1b;复杂使用环境下&#xff0c;二者存在细微的差异。用newSingleThreadExecutor方式创建的线程池在任何时刻至多只有一个线程&#xff0c;因此可以理解为用异步的方式执行…

Android中 在目录下创建文件的权限添加 流程

Android中读写目录涉及到的权限一般有三个&#xff0c;一个是selinux, 另一个是用户组, 还有一个是目录本身权限问题&#xff0c;本文章针对这三点做详细解析 目录 一: Selinux权限问题 1: 先查看进程SSSPID的标签 2: 再查看要访问的目录的标签 二: 被访问目录本身权限问…

《剑指offer》14--剪绳子(整数拆分)[C++]

目录 题目描述 贪心算法 输出结果 题目描述 把一根绳子剪成多段&#xff0c;并且使得每段的长度乘积最大。 给定一个正整数 n&#xff0c;将其拆分为至少两个正整数的和&#xff0c;并使这些整数的乘积最大化。 返回你可以获得的最大乘积。 示例 1: 输入: 2 输出: 1 解释:…

Android开发技术总结,附项目源码

今天本文主要讲解&#xff1a; APK文件反编译 什么是反编译如何防止反编译APK文件的基本构造 APK加固的方案原理 APK加固总体架构APK打包基本流程Dex文件的意义 AES加密项目实战 APK加固项目实战APK脱壳技术实战 一.APK文件反编译 1.什么是反编译 定义&#xff1a; 利用…

Java后端核心——Servlet

目录 一.概述 二.基础实现 1.导入坐标 2.定义实现类 3.注解 4.访问Servlet 三.执行流程 四.生命周期 1.加载和实例化 2.初始化 3.请求处理 4.服务终止 五.方法 1.init 2.service 3.destroy 4.getServletInfo 5.getServletConfig 六.体系结构 七.urlPatter…

第二节 JDBC SQL语法

结构化查询语言(SQL)是一种标准化语言&#xff0c;允许对数据库执行操作&#xff0c;例如&#xff1a;创建数据记录&#xff0c;读取内容&#xff0c;更新内容和删除数据记录等。 本教程中将概述SQL&#xff0c;这是了解和学习JDBC概念的前提条件。 经过本章后&#xff0c;您将…

【C++】7-1 简单加法 分数 15

7-1 简单加法 分数 15 全屏浏览 切换布局 作者 刘利 单位 惠州学院 编写add函数&#xff0c;通过函数重载&#xff0c;实现对变量num&#xff0c;增加值n。num增加n的规则如下&#xff1a; 如果num和n都是数值&#xff0c;则num的值变为numn。 如果num为字符&#xff0c;…

前端小案例——登录界面(正则验证, 附源码)

一、前言 实现功能&#xff1a; 提供用户名和密码输入框。当用户提交表单时&#xff0c;阻止默认提交行为。使用正则表达式验证用户输入的内容&#xff0c;判断输入的是有效的邮箱地址还是身份证号码。根据验证结果&#xff0c;在输入框下方显示相应的提示信息。 实现逻辑&a…

ZYNQ--PS_PL交互(AXI_HP)

AXI_HP接口 通过AXI_HP接口,可直接通过AXI_FULL协议向DDR中通过DMA传输数据。 BD设计 AXI_HP接口设置 AXI_Master代码 module axi_full_master #(parameter C_M_TARGET_SLAVE_BASE_ADDR = 32h40000000,parameter integer C_M_AXI_BURST_LEN = 16,parameter integer …

【英语学习(1)】学习工具和学习习惯培养(自用向,非专业!持续更新中)

我英语一直一直一直就是学不好&#xff0c;好痛苦&#xff01;&#xff01;&#xff01;&#xff01;~~~~最近又重拾了激情&#xff0c;因此分享一下我的学习经历~大家共勉&#xff01;&#xff01;&#xff01; 一、对话工具挑选 我的朋友们英语大多都很好&#xff0c;所以我根…

DiskMirror-spring-boot-starter 技术|

DiskMirror-spring-boot-starter 技术 diskMirror 实现了 SpringBoot 的 starter 能够集成到 SpringBoot 中。 DiskMirror 的 starter&#xff0c;通过引入此类&#xff0c;可以直接实现 diskMirror 在 SpringBoot 中的自动配置&#xff0c;接下来我们将使用案例逐步的演示 d…

[202403]xavier nx環境配置流程記錄

xavier nx環境配置流程記錄 引言1.板子環境2.設置默認python和pip2.安裝torch和torchvision2.1 下載正確的whl安裝文件2.2 開始安裝2.3 查看torch安裝情況 3.問題記錄3.1 問題1&#xff1a;Running pip as the root user can result in broken permissions3.2 問題2&#xff1a…

Java Web(八)--Servlet(三)

会话技术 为什么需要&#xff1f; 每个用户在使用浏览器与服务器进行会话的过程中&#xff0c;不可避免各自会产生一些数据&#xff0c;服务器要想办法为每个用户保存这些数据&#xff1b; 用户通过浏览器访问 Web 应用时&#xff0c;服务器都需要保存和跟踪用户的状态&…

探究与以太坊智能合约的交互

# 概述 智能合约是部署在区块链上的一串代代码&#xff0c;通常我们与智能合约的打交道 可以通过前端的Dapp&#xff0c;etherscan&#xff0c;metamask 等方式。作为开发人员可以通过调用提供的相关包来与之交互&#xff0c;如web3.js&#xff0c;ether.js , web3.j(java 语言…

外部存储空间

1. 存储在外部 私有 存储空间 /storage/emulated/0/Android/data/com.tiger.chapter06/files/Download/1709636015824.txt package com.tiger.chapter06;import android.os.Bundle; import android.os.Environment; import android.util.Log; import android.view.View; impo…

linux kernel物理内存概述(六)

目录 伙伴系统 1、什么是伙伴&#xff1f; 2、伙伴系统的分配原理 3、伙伴系统回收 伙伴系统 1、什么是伙伴&#xff1f; 伙伴必须是大小相同并且在物理上连续的两个或者多个页。 2、伙伴系统的分配原理 首先根据内存分配接口函数gfp_t gfp_mask&#xff0c;找到内存分…

什么样的计算机专业应届生好找工作

什么样的计算机专业应届生好找工作 引言 计算机技术在现代社会中扮演着至关重要的角色&#xff0c;因此&#xff0c;计算机专业的就业前景一直备受关注。对于即将毕业的计算机专业应届生来说&#xff0c;找到一份满意的工作是他们的首要目标。但是&#xff0c;如何在竞争激烈…

网安笔记(二)

十三、OSI七层模型 OSI七层模型是一种将计算机通信协议按照功能分层的模型。每一层都有明确定义的功能和协议规范&#xff0c;各层之间可通过接口互相调用&#xff0c;以实现数据通信和交换。这些层分别是&#xff1a; 1. 应用层&#xff08;Application Layer&#xff09;&am…

前端最简单的方法,实现字段拼接

在前端实现两个字段的拼接是一个非常基础且常见的需求&#xff0c;可以通过多种编程语言和技术来实现&#xff0c;这里主要以JavaScript为例&#xff0c;介绍几种简单的方法&#xff1a; 1. 使用加号&#xff08;&#xff09;运算符 JavaScript中最直观的字符串拼接方式是使用…

分布式事务Seata

分布式事务与Seata落地 一、事务基础 1.1 本地事务 事务指的就是一个操作单元&#xff0c;在这个操作单元中的所有操作最终要保持一致的行为&#xff0c;要么所有操作都成功&#xff0c;要么所有的操作都被撤销。 1.2 本地事务特性 本地事务四大特性: ACID A&#xff1a;原…