vue路由传参使用query传递对象

news/2024/8/31 9:37:32 标签: vue.js, 前端, javascript

文章目录

  • 一、vue路由跳转两种传参方式
  • 二、使用步骤
    • 1.对象转换成json字符
    • 2.读取数据


一、vue路由跳转两种传参方式

javascript"> this.$router.push({ name: ‘demo‘, params: { id: 123 }})
  this.$router.push({ path:/demo‘ , query: { id: 123 } })

二、使用步骤

1.对象转换成json字符

代码如下(示例):

javascript">
  this.$router.push({ path:/demo‘ , query: { id: 123 },row:JSON.stringify(obj) })

2.读取数据

代码如下(示例):

JSON.parse(this.$route.query.row)


http://www.niftyadmin.cn/n/5561517.html

相关文章

Geometric Transformer for Fast and Robust Point Cloud Registration 论文解读

目录 一、导言 二、先导知识 1、超点匹配 2、KPConv 三、相关工作 1、基于对应的方法 2、直接配准方法 3、深度鲁棒估计 四、GeoTransformer模型 1、特征提取 2、超点匹配 几何自注意力模块 特征交叉注意力 计算高斯相关性 对应点采样 3、点匹配 4、局部到全局…

【CSS in Depth 2 精译_018】3.1.2 逻辑属性 + 3.1.3 用好逻辑属性的简写形式

当前内容所在位置(可进入专栏查看其他译好的章节内容) 第一章 层叠、优先级与继承(已完结) 1.1 层叠1.2 继承1.3 特殊值1.4 简写属性1.5 CSS 渐进式增强技术1.6 本章小结 第二章 相对单位(已完结) 2.1 相对…

如何评估AI模型:评估指标的分类、方法及案例解析

如何评估AI模型:评估指标的分类、方法及案例解析 引言第一部分:评估指标的分类第二部分:评估指标的数学基础第三部分:评估指标的选择与应用第四部分:评估指标的局限性第五部分:案例研究第六部分&#xff1a…

log4j.appender.Logfile.File=./logs/its_log

在 log4j.appender.Logfile.File./logs/its_log 这个配置中,./ 表示当前工作目录。但是,在Java和许多其他环境中,当前工作目录可能并不是你期望的应用程序根目录,而是操作系统启动Java进程时所在的位置。 在Web应用服务器环境下&a…

electron 的nsis配置

Electron的NSIS(Nullsoft Scriptable Install System)配置主要涉及使用NSIS脚本来定制Electron应用的安装过程。NSIS是一个流行的Windows安装程序制作工具,它允许开发者通过脚本控制安装程序的各个方面,包括界面布局、文件安装位置、快捷方式创建等。在Electron项目中,通常…

八,九、 MyBatis 操作数据库 ★ ✔

八,九、 MyBatis 操作数据库 JDBC 操作⽰例回顾1. 什么是MyBatis?2. MyBatis⼊⻔2.1 准备⼯作2.1.1 创建⼯程 2.1.2 数据准备2.2 配置数据库连接字符串2.3 写持久层代码 ★2.4 单元测试 ★ 使⽤Idea ⾃动⽣成测试类3. MyBatis的基础操作3.1 打印⽇志 ★3.2 参数传递…

linux下Jenkins的安装部署

前言: 用docker安装Jenkins非常方便快捷,但是最近国内的docker镜像源都不好用了,这里回顾一下最原始的Jenkins安装方式 安装前准备 安装环境 Jenkins的运行依赖java环境,linux下jdk的安装参考:linux下JDK的安装-CSD…

负载均衡轮询逻辑

背景 在有些业务场景中,需要轮流的取出某个集合中的其中一个数据,这个时候就需要一个轮询逻辑,比较优秀的是ribbonfeign中的轮询逻辑,轮流取出服务器列表中的地址。 这里就模仿ribbon的轮询负载做了一个轮询的策略方法 实现 每…