当前位置: 开发笔记 > 后端 > 正文

VUE路由传参之params传参和query传参

作者：dmcm0010 | 来源：互联网 | 2023-06-03 15:26

下列观点只代表个人观点，如有不足之处，烦请指正！！！遇到问题描述今天在页面间使用$router.push传参时，发现页面刷新数据之后，路由中params的数据丢失了。解决办法1.继

下列观点只代表个人观点，如有不足之处，烦请指正！！！

遇到问题描述

今天在页面间使用$router.push传参时，发现页面刷新数据之后，路由中params的数据丢失了。

解决办法

1.继续使用params传参
继续使用params传参，需要在对应路由中添加参数，用来存储(不知道这么说对不对)params中对应的参数。

如图
模板文件中路由传参写法
《VUE路由传参之params传参和query传参》
路由文件中路由写法

2.使用query路由传参
使用query传参，数据存储在路由实例的query中，页面刷新不会消失（目前不知道原因）
如图
模板文件中路由传参写法

路由文件中路由写法
《VUE路由传参之params传参和query传参》

推荐阅读

localhost
Dockerfile 编写与 Docker 网络配置详解

本文详细介绍了 Dockerfile 的编写方法及其在网络配置中的应用，涵盖基础指令、镜像构建与发布流程，并深入探讨了 Docker 的默认网络、容器互联及自定义网络的实现。 ... [详细]

蜡笔小新 2024-12-27 17:31:41
上传
从零开始构建完整手机站：Vue CLI 3 实战指南（第一部分）

本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点，并确保这些内容与实际工作中的需求紧密结合。 ... [详细]

蜡笔小新 2024-12-26 13:30:37
mvc
2019年前端技术趋势及职业发展路径

本文探讨了2019年前端技术的发展趋势，包括工具化、配置化和泛前端化等方面，并提供了详细的学习路线和职业规划建议。 ... [详细]

蜡笔小新 2024-12-19 10:19:35
base64
Vue项目中应用骨架屏实践

在当前开发的项目中，由于登录过程涉及多次重定向，导致用户体验不佳。为了改善这一状况，本文介绍了如何使用vue-skeleton-webpack-plugin插件在Vue项目中实现骨架屏，以减少用户感受到的白屏时间。 ... [详细]

蜡笔小新 2024-12-13 12:27:37
router
Vue 路由跳转与参数传递详解

本文详细介绍了 Vue 路由中的跳转方法、参数传递（包括 query 和 params）以及如何在目标组件中接收这些参数。 ... [详细]

蜡笔小新 2024-12-12 11:09:22
cache
优化ListView性能

本文深入探讨了如何通过多种技术手段优化ListView的性能，包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]

蜡笔小新 2024-12-28 10:36:30
cache
HDFS与Hive中的数据存储和管理机制

本文探讨了Hive中内部表和外部表的区别及其在HDFS上的路径映射，详细解释了两者的创建、加载及删除操作，并提供了查看表详细信息的方法。通过对比这两种表类型，帮助读者理解如何更好地管理和保护数据。 ... [详细]

蜡笔小新 2024-12-27 20:21:48
service
新浪笔试题

1:有如下一段程序：packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]

蜡笔小新 2024-12-27 19:32:17
service
Java并发编程：LinkedBlockingQueue的实际应用

本文介绍了Java并发库中的阻塞队列（BlockingQueue）及其典型应用场景。通过具体实例，展示了如何利用LinkedBlockingQueue实现线程间高效、安全的数据传递，并结合线程池和原子类优化性能。 ... [详细]

蜡笔小新 2024-12-27 18:51:49
port
CUGB图论专题：排水系统中的最大流问题 - EK与Dinic算法解析

本题探讨如何通过最大流算法解决农场排水系统的设计问题。题目要求计算从水源点到汇合点的最大水流速率，使用经典的EK（Edmonds-Karp）和Dinic算法进行求解。 ... [详细]

蜡笔小新 2024-12-25 17:47:23
port
Tetris 排名系统 (拓扑排序与并查集的应用)

本题旨在通过给定的评级信息，利用拓扑排序和并查集算法来确定全球 Tetris 高手排行榜。题目要求判断是否可以根据提供的信息生成一个明确的排名表，或者是否存在冲突或信息不足的情况。 ... [详细]

蜡笔小新 2024-12-24 21:03:51
router
基于Node.js、Express、MongoDB和Socket.io的实时聊天应用开发

本文详细介绍了使用Node.js、Express、MongoDB和Socket.io构建的实时聊天应用程序。涵盖项目结构、技术栈选择及关键依赖项的配置。 ... [详细]

蜡笔小新 2024-12-22 15:31:28
router
Vue 项目构建与部署指南

本文将指导您完成Vue项目的构建和部署过程，包括环境搭建、项目初始化及配置、以及最终的部署步骤。 ... [详细]

蜡笔小新 2024-12-15 10:14:29
port
Koa中如何检查端口占用情况并启动服务

本文探讨了在Koa框架下，如何在启动服务前检查指定端口是否已被占用的方法，并提供了相应的代码示例。 ... [详细]

蜡笔小新 2024-12-13 10:37:39
port
解析服务器功能及配置方法

本文深入探讨了服务器的主要作用，包括加速访问、增强安全性和绕过访问限制等，并详细介绍了如何正确配置代理服务器。 ... [详细]

蜡笔小新 2024-12-12 10:17:56

dmcm0010

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章