vue param与query传参刷新数据消失处理

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue param与query传参刷新数据消失处理相关的知识,希望对你有一定的参考价值。

参考技术A 目标页面接收params数据:

路由:

3.query传数据:

目标页面接收query数据:

注意:无论是vuex params query传值的时候,只要页面一刷新,传过来的数据都会丢失,prams与query可以将传递过来的值放到url(就是传过来的值必须在地址栏以参数的形式显示)
比如:

这样才能保证页面刷新传过来的值一直存在。这种传值只适合string number这种简单的值,毕竟在地址栏显示的内容太多不太好。如果传递过来的是一个对象,我暂时采用的方式是放在sessionStorage保存。
比如:

以上是关于vue param与query传参刷新数据消失处理的主要内容,如果未能解决你的问题,请参考以下文章

vue路由传参问题

路由传参 query 和 params

Vue路由传参及传参后刷新导致参数消失处理

Vue---传参params 、query刷新页面参数会丢失

Vue之路由的query传参加密

vue路由传参当刷新页面时,参数变成“[object Object]”