this.$router.push传递参数失败undefined

最新推荐文章于 2024-07-14 11:38:38 发布
最新推荐文章于 2024-07-14 11:38:38 发布
阅读量639 收藏
点赞数
分类专栏： vue工作 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_62175939/article/details/130833438
版权
在Vue应用中，使用params传递参数时，若path未正确配置为/xxx/:id格式，初次访问可能正常，但刷新页面会导致id参数丢失，引发错误。解决方法是确保path配置包含id，以保证参数在刷新后仍能保留。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

出现问题，线下地址可以实现，线上刷新页面之后会报错，找不到this.$route.params.id

vue使用的是params传参，其path路径中要带着“/xxx/:id”

解决办法：

path配置没有写id，第一次可请求，刷新页面id会消失

this.$router路由params、query传参
前端小菜鸟的成长记录
10-13 2534
路由跳转传参
ArkTs路由（router）
u013387935的博客
03-16 389
本章节主要学习了arkts中有关router路由跳转及参数传递的知识。了解了页面的生命周期函数
使用$router.push()方法进行传值时显示undefined
m0_73956769的博客
12-07 835
使用$router.push()方法进行传值时显示undefined
vue中this.$router.push()通过Param传参错误
weixin_56861492的博客
08-20 2758
vue中this.$router.push()通过Param传参错误
vue路由this.$router.push跳转传参时，页面刷新会出现undefined的问题
qq_40685439的博客
03-26 6303
一般来说。利用this.$router.push进行页面跳转时，如果传递的参数为对象（图片中data为对象）时，不能直接传，而是需要把对象经过JSON.stringify转为字符串，取数据的时候需要用JSON.parse解析出来，刷新的时候才不会出现undefined。 注意： 1、经过测试，此方法只对以query形式传参时才会起效果，params不行。 2、params传参，push里面只能是 name:‘xxxx’,不能是path:’/xxx’, 否则拿到的数据是undefined。因为params只.
【随手记录】 vue this.$router.push 传参的问题
ForestRoar的博客
06-29 607
传个参数死活传不过去 this.$router.push({name: 'FirmRealDetails',params: {AformData: row}}) 这样写看起来好像没问题，但是对着路由，就有问题了 这样写父级的name，是拿不到数据的（我是父级要用这个数据，子级不用，所以我当时直接就写父级了） 应该这样写 this.$router.push({name: 'FirmRealDetailsSeek',params: {AformData: row}}) 这样父级和子级都可以通过.
vue.js this.$router.push获取不到params参数问题
11-20
在这个问题中，开发者遇到了使用`this.$router.push`传递`params`参数时无法在目标页面获取到的情况。本文将详细解释这个问题，并给出正确的解决方案。 首先，Vue Router提供了两种主要的参数传递方式：`query` 和 ...
this.$router.push提示'push' of undefined
09-14
另外，请确保你在使用`this.$router.push`前已经创建了Vue Router实例，并将其传递给Vue实例的`router`选项。例如，在创建Vue实例时，可以使用以下代码来创建和传递一个Vue Router实例： ```javascript import Vue ...
this.$route和this.$router区别
最新发布
04-23
| `this.$route.push('/home')` | 混淆对象功能[^3] | 改用`this.$router.push()` | | `this.$router.params.id` | 错误访问路径参数 | 改用`this.$route.params.id` | | 直接修改`$route.query` | 违反只读原则 | ...
this.$router.push('/login') 为什么是underfind
05-18
2. 在组件中调用 `$router.push()` 方法时，可能没有传递正确的路由路径或相关参数，导致 `$router.push()` 方法返回 `undefined`。 为了进一步确定问题所在，你可以检查以下内容： 1. 你是否正确配置了 Vue ...
vue.js this.$router.push无效解决
热门推荐
gang456789的博客
09-16 3万+
login() { if(this.email.length > 0 && this.password.length >0) { this.$http.post('/api/login', { user: this.email, password: this.password
$router.push 不生效的问题
滴水石穿
07-14 1595
本问题的发生和解决显示，vue代码在执行路由操作时，不是同步阻塞型的，而是异步非阻塞型。即调用 this.$router.push 代码后，一方面开始准备跳转，同时代码也继续向下执行，一旦二者有路由冲突，那么结果就是难以预料的了。
this.$router.push 提示错误 Cannot read property ‘push‘of undefined
zilvzsy的博客
06-30 3963
记笔记，免忘记！方便自己后续查阅！ 问题如下图： 因为我这里是等待两个请求请求完成后再执行跳转方法，所以代码如下： setTimeout(function(){ localStorage.removeItem('taskQuery'); this.$router.push({path:'/configure'}) },1000) 但是运行之后，报错..
TypeError: _this.$router is undefined
lq_bog的博客
05-27 1962
TypeError: _this.$router is undefined
vue在请求拦截中,this.$router.push跳转报Cannot read property ‘$router‘ of undefined
m0_50278775的博客
03-24 4274
场景是这样的，当用户进来时，在请求拦截中判断token/ticket（这里我们项目用的是ticket）是否过期，过期的话就跳转到登录页面。 请求拦截是这样的，红框就是我用来跳转到登录页面的 然后就报Cannot read property '$router' of undefined 网上我查到的都是说是this指向问题，但是我看我代码的方法都是用es6的箭头函数，应该不存在this指向问题，不过实在想不出为什么，我就死马当活马医，var that = this; but 还是报错Cannot r
this.$route.query 获取不到值
LoveMyTail的博客
12-08 7655
具体情况是这样的，在当前的导航栏页面中，我可以获取到由登陆页面传过来的username mounted () { this.username = this.$route.query.username console.log("接收到的username："+this.username) // 正常输出 } 当我点击导航栏从而切换页面时，我想把这个username传到其它页面上去 handleSelect(key, keyPath){ console.log(this.us
vue中this.$router.push跳转提示 Cannot read properties of undefined (reading ‘push')
qq_37485170的博客
06-15 1061
背景 项目封装axios的全局拦截的时候遇到一个很奇怪的问题：axios.interceptors.request中遇到接口status不是200的情况，想跳到首页，方法如下: this.$router.push('/Login') 可是，并没有达到预期的效果，总会提示Cannot read properties of undefined (reading 'push') 探索中。。。...
vue router 嵌套、父子、多个路由跳转传值获取不到参数undefined
CongJiYong的博客
04-24 2160
传过来的id是undefined 解决方法 在router.js里面取消重定向到路由3，在路由2里面使用编程式导航跳转 { path: '/page1', name: 'page1', component: Page1, children: [ { path: '/page2', co
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值