Router 传递参数后，刷新页面 对象参数消失

最新推荐文章于 2023-12-13 22:15:00 发布
最新推荐文章于 2023-12-13 22:15:00 发布
阅读量508 收藏 1
点赞数
分类专栏： 自己遇到的问题 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_19509799/article/details/104893119
版权

@Router 传递参数后，刷新页面 对象参数消失

Router 传递参数后，刷新页面 对象参数消失

跳转路由代码

this.$router.push({ name: ‘successOrder’,query:{type:1,orderInfo:orderInfo} });

跳转后一切正常：
  1. type 取值没有问题；
  2. orderInfo 这个对象取值也没有问题；
但是刷新以后；

1.**orderInfo ** 的取值出现了问题，不能正确解析

解决办法

  • 传参之前，把对象转成字符串再传参
  • 传参之后，把字符串再转回对象
qq_19509799
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React学习day9-NavLink、路由、params、search、state
weixin_46758732的博客
06-19 498
封装NavLink NavLink可以实现路由链接的高亮，通过activeClassName指定 标签体内容是一个特殊的标签属性 通过this.props.children可以获取标签体内容 App.js <MyNavLink to="/about" >About</MyNavLink> <MyNavLink to="/home">Home</MyNavLink> {/*注册路由*/} <Route path=
vue-router 路由跳转传参刷新页面后参数丢失问题
青春不打烊的博客
04-20 3880
常见场景：点击列表详情，跳转到详情内页，传递id参数获取详情数据。 我们先来看看路由跳转的几种方式： 1、通过params方式传参 通过$route.push的path携带参数方式(路由配置中指定参数) // 路由配置 { path: '/detail/:id', //若id后面加?代表这个参数是可选的，即使不传id也不会导致页面无法访问 name: 'detail', component: Detail } // 列表中跳转 this.$router.push({
使用$router.push传值跳转页面 在页面刷新时传值数据丢失问题 解决
aihisia_Ryen的博客
05-14 1427
在使用$router.push 跳转页面时，如果是params传递参数，则刷新页面后，参数丢失 传值失效。 可以使用sessionStorage在进入该页面时进行数据存储。 sessionStorage使用方法： 存值方法 sessionStorage.setItem('key','value') 取值方式 sessionStorage.getItem('key') sessionStorage 清除方法 sessionStorage.removeItem('key') 清除所有数据 sessio
vue项目的刷新方式，和需要注意的问题，丢失状态
星空的日常博客，希望日常能给你帮助
03-02 1364
vue项目的刷新方式，和需要注意的问题
vue: 使用this.$router.go(0)刷新页面时，vuex中存储的值会丢失
amadeus_liu2的博客
02-19 408
vue
vuex中的数据在页面刷新之后就丢失的问题和this.router和 this.route的区别
zhzijun的博客
05-06 1029
开发两问题vue项目开发的两个问题的答案1.解决 vuex 中的数据在页面刷新之后就丢失的问题第一种解决办法：第二种：利用插件第一个插件：storestorage文件示例store文件示例第二个插件 vuex-persistedstate注意：2. this.router和 this.route的区别1. 跳转2. 获取值3. 注入的属性4.语法this.$router语法:this.$route语法: vue项目开发的两个问题的答案 1.解决 vuex 中的数据在页面刷新之后就丢失的问题 在vue的项目中
vue-router路由参数刷新消失的问题解决方法
08-30
vue-router路由参数刷新消失的问题解决方法 路由参数刷新消失的问题解决方法是 vue-router 中常见的问题，本篇文章将为您提供四种解决方案。 解决方案一：Session & 服务器渲染 传统的解决方案是使用 Session 和...
vue router带参数页面刷新或回退参数消失的解决方法
10-17
主要介绍了vue router带参数页面刷新或回退参数消失的解决方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue系列：通过vue-router如何传递参数示例
08-31
总的来说，vue-router 提供了一种高效且灵活的方式来处理页面间的参数传递。通过定义动态路由、使用 `v-link` 指令传递参数以及在组件中获取参数，我们可以轻松地实现在 Vue 应用中导航并传递数据。理解并熟练掌握...
vue 路由跳转方式；刷新页面后 params 参数的丢失问题
最新发布
UserGuan的博客
12-13 4113
/ 跳转到指定 url 路径，并向 history 栈中添加一个记录，点击后退会返回到上一个页面// 跳转到指定 url 路径，但是 history 栈中不会有记录，点击返回会跳转到上上个页面(相当于直接替换了当前页面)// 向前或者向后跳转 n 个页面，n 可为正整数或负整数。
解决react路由跳转传参刷新页面后参数丢失问题
weixin_43954835的博客
04-14 8227
import { useHistory } from 'react-router-dom'; const history = useHistory(); history.push({ pathname: '/details', state: { name: name, id: id, }, }); 在history中使用state确实可以传参数，在进入页面时可以正常显示，但是在刷新页面后state里面的数据会清空，页面就无法正常显示。.
✨React路由动态传参，页面刷新参数丢失 问题解决
在人生道路上谦让三分，就能天宽地阔。
10-13 1948
路由传参，刷新页面参数丢失问题 这里的history只需要将路由里面history参数 传入就可以了，采用的 sessionStorage 存储，达到页面刷新参数不丢失的一个问题。 // 解决路由传参 页面刷新丢失问题`在这里插入代码片` export const RouteStateD = (history) => { let urlData; if (history.location.state) { urlData = history.location.state; se
React路由传参刷新参数不丢失
九段刀客的博客
06-10 5473
路由跳转 1、params方式 刷新不丢失的方式 this.props.history.push({pathname:`/Apply/${id}`}) 获取参数 this.props.match.params.id 路由文件中的配置 <Route path="/Apply/:id/:orderId?" component={Apply} /> 2、state模式 this.props.history.push({ pathname: `/ConfirmInfo`, state:
vue router 如何使用params query传参，以及有什么区别
weixin_34248023的博客
11-13 1553
写在前面：传参是前端经常需要用的一个操作，很多场景都会需要用到上个页面的参数，本文将会详细介绍vue router 是如何进行传参的，以及一些小细节问题。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。 本文首发于我的个人blog：obkoro1.com Vue router如何传参params、query是什么？ params：/router1/:id ，/ro...
vue用编程式路由传递对象,目标页拿到数据后刷新页面后回退参数会丢失
莹儿的博客
07-15 616
原因: vue路由传递参数如果用params传递参数，那么页面刷新就会丢失数据，可以改用query来传递参数，这样刷新就不会丢失. 如果传递的是对象，注意要把对象转为字符串，否则刷新就会变为undefined了. 另外，二者还有点区别，直白的来说query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，而params相当于post请求，参数不会再地址栏中显示. 解决办法: 传递页:把传递的对象县转化为字符串 2.目标页:目标页接收参数并把字符串转化为对象 3.路由页:路径后面绑定数据
router路由跳转使用query传递参数刷新后数据无法获取
天心天地生的博客
09-19 1万+
问题描述: 路由进行页面的跳转时,使用query进参数传递,query中存储一个较为复杂的对象,页面初次载入时数据可以成功获取,刷新页面后数据显示{accountInfo: &quot;[object Object]&quot;} #代码示例 路由跳转代码 if (data.code === 200) { this.$router.push({ name: 'admin/', ...
vue.js用vue-router路由传参时页面刷新后参数消失的问题
热门推荐
milli236的博客
08-31 1万+
如果要用 params 传参的话，可能需要在你的路由路径里也加上这个参数，比如你用this.$router.push({name:'detail', params:{userId: userId}});跳转，那么在路由里就要这样写 this.$router.push({name:'Detail',params:{pro_id:pro_id}}); router - index.js 路...
Vue 路由带对象参数跳转，刷新后参数不消失
weixin_34019929的博客
07-17 5072
使用vue-router路由跳转并传一个对象，刷新之后会发现数据变成[Object,Object],对于想要跳转之后获取传过来的对象利用平时的方法显然是可取的。前段时间遇见这个小问题，上网搜索发现回答问题的大多偏离题意。遂开笔记录一下解决方法~~ 方法一：对象转换 当前页面： let order = JSON.stringify(new Order(obj)); this.$router.pu...
vue router 传参后 刷新页面url参数消失
11-20
为了解决这个问题，我们可以使用路由的params属性来传递参数，这样参数就会被保存在浏览器的历史记录中，即使刷新页面也不会丢失。 以下是使用params传递参数的示例代码： 1.定义路由： ```javascript const ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值