本篇文章主要介绍了vue-router路由参数刷新消失的问题解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

写在前面： 传参是前端经常需要用的一个操作，很多场景都会需要用到上个页面的参数，本文将会详细介绍vue router 是如何进行传参的，以及一些小细节问题。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。 Vue router如何传参 params、query是什么？ params：/router1/:id ，/router1/123，/router1/789 ,这里的id叫做params query：/router1?id=123 ,/router1?id=456

在应用复杂时，推荐使用vue官网推荐的vuex，以下讨论简单SPA中的组件间传值。 一、路由传值 路由对象如下图所示： 在跳转页面的时候，在js代码中的操作如下，在标签中使用标签 this.$router.push({ name: 'routePage', query/params: { routeParams: params } }) 需要注意的是，实用params去传值

前言： 最近项目需要页面的快捷操作，跳转路由时需要带上参数去另一个页面进行搜索，由于本人是后台，不怎么懂前端，翻阅很多文档后，终于成功了，现整理相关笔记共勉! 代码： 第一种情况:params传参（vue版本<2.2） 快捷操作页面: html: js: 目标页面: 注意事项： 由于params相当于post请求，所以刷新值会消失。 第二种情况:query传参（vue版本<2.2） 快捷操作页面: html: js: 目标页面: 注意事项： 由于query相当于get请求，参

场景：vue-router实现的单页应用，登录页调用登录接口后，服务器返回用户信息，然后通过router.push({name: ‘index’, params: res.data})传给主页组件，并在主页显示数据。但是刷新页面后，数据就消失了。 解决方案： 1、session&服务器渲染 传统的方案是，登录页和主页是单独的两个页面，登录成功后服务器生成用户信息对应的session，然后渲染主页数据，并通过响应头将sessionid传给浏览器并生成相应的cookie文件。这样下次请求页面时，浏览