vue router跳转失败

最新推荐文章于 2024-02-22 11:24:13 发布

CatOnRoad

最新推荐文章于 2024-02-22 11:24:13 发布

阅读量521

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_29529457/article/details/120080358

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在Vue应用中，遇到使用`this.$router.push`通过`path`传递参数时参数无法正常传递的问题，解决方案是改用`name`属性进行跳转。示例代码显示了如何通过`params`将`aid`参数正确地传入名为'passage'的路由。

摘要由CSDN通过智能技术生成

this.$router.push中如果用path然后传参数，那么参数会传不进去，改成name就可以了。

 getPassage(row) {
      this.$router.push({
        name: 'passage',
        params: {
          aid: row.aid,
        },
      });
    },

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CatOnRoad

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

VUE中关于this.$router.push 地址更新页面不跳转的问题

weixin_42542422的博客

06-17

1万+

今天用vue做了一个登陆和注册的页面 <div class="btn-box"> <a href="javascript:;" class="btn" @click="login">登录</a> </div> <div class="tips"> <div class="sms" @click="register">手机短信登录/注册</div

解决vue+router路由跳转不起作用的一项原因

11-20

如下所示： Vue.use(Router) export default new Router({ mode:'history', routes: [ { path: '/', component: Login }, { path: '/login', component: Login }, { path: '/register',component: Register}, {path: '/*', component: NotFound}, ] }) 记得要写上 mode:’history’, 原因如下补充知识：vue-router配置后地址栏输入跳转不

参与评论您还未登录，请先登录后发表或查看评论

vue-router 2 跳转失败原因

weixin_33918114的博客

09-19

640

axios.post('/internal/user/login_from_mobile ',{ mobile: this.logPrefix+this.formInline1.mobile, password: this.formInline1.password, ...

解决vue router中连续点击跳转报错的问题

HHYZBC的博客

08-25

587

其原因是在连续点击跳转连接后，其返回的是一个promise对象，该对象并没有成功和失败的回调所导致的。解决问题是在router文件夹中重写push和replace方法即可。

vue 跳转不成功

Christine95的博客

11-04

1万+

问题描述最近遇到一个坑。我在vue里面，如果判断用户信息正确，则要跳转到首页，这样一个基本的功能。然后就查到了下面的方法：this.$routes.go('/success') this.$routes.router.go('/success')当然了结果是不成功的。虽然 log出 this.$routes 是存在的，但是他只包含了几个属性。比如path,name，这些。没有这些go方法了。问题原因

vue-router错误

weixin_47306228的博客

06-29

587

出现这个问题的原因是因为：在vue实例中路由的名称必须为router,而不能是其他

vue router 跳转后回到顶部的实例

10-18

针对Vue Router跳转后返回页面顶部的需求，我们需要在main.js中添加一段代码来实现这个功能。具体实现如下： ```javascript // 在main.js中添加代码以实现在路由跳转后页面返回顶部 router.afterEach((to, from, ...

vue-router跳转时打开新页面的两种方法

10-16

下面，我们将详细探讨使用vue-router跳转到新页面的两种常用方法。首先，要理解vue-router提供的跳转方式，我们可以使用<router-link>组件或者编程式导航。第一种方法是通过<router-link>标签配合target="_blank...

Vue 页面跳转不用router-link的实现代码

08-27

Vue 页面跳转不用 router-link 的实现代码本文主要介绍了 Vue 页面跳转不用 router-link 的实现代码，文中给大家介绍了 Vue router-link 跳转传值示例，需要的朋友可以参考下。首先， Vue router-link 是 Vue.js...

解决vue-router跳转不起作用

Felicity的博客

05-13

1万+

router 这么写： export default new Router({ mode: 'history', routes: [ { path: '/homePage', name: 'HomePage', component: HomePage }, { path: '/topUpPage', n...

解决vue项目router切换太慢问题

10-15

主要介绍了解决vue项目router切换太慢问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue-router懒加载速度缓慢问题及解决方法

10-17

主要介绍了vue-router懒加载速度缓慢问题及解决方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下

this.$router.push点了后hash地址改变了，页面却不跳转

weixin_54048131的博客

07-30

8003

this.$router.push点了后hash地址改变了，页面却不跳转

vue3在router跳转路由时，params失效问题

热门推荐

韦_恩的博客

01-27

2万+

Vue3.x出来有一阵子了，今天用它的时候发现Vue2中的this.$router.push竟然不能用了！！！！！，真是服了，还得花点时间瞅瞅咋回事，所以.....还是总结下吧目录 1.Vue3.x路由跳转 2.获取参数 3. router-link 4.总结 1.Vue3.x路由跳转不要this了，直接引用路由对象，看下图： importrouterfrom'@/router/index.js' 用这个路由对象router去push（剩下的和Vue2.x一样） ...

vue-router 使用name跳转时，404失效的问题

huangssssx的专栏

09-26

4649

使用name跳转的时候，如果路由表中没有找到对应的name的时候，并不会跳转到404页面，例如下面的代码： gotoUserCenter() { this.$router.push({ name: 'userCenterPage' }) }, 当name：“userCenterPage”不存在于路由表中时就会跳转到一个空白页面，而并不会跳转到404页面，其实是因为vue-router没有对这种情况做什么处理：当前网上的应对方案是1. 不使用name来跳转 2. 在守

Vue中this.$router.push()路由跳转页面并传值最常见两种方式

Xin6Yang的博客

09-27

6701

1. query传参 // query传参 // 传值 this.$router.push({ name: 'orderList', query: { conlltion: id }}) this.$router.push({path:'/orderList',query: {conlltion: id }}) // html取值 $route.query.conlltion // scr...

Vue中this.$router.push()失效解决办法

m0_52444089的博客

10-21

4015

Vue中this.$router.push()失效解决办法，此文章只为找到一朵向我一样的前端初学者奇葩。

vue router跳转

07-27

回答: 在Vue Router中，有三种常用的跳转方式。第一种是使用push跳转，可以通过字符串形式直接跳转，例如`this.$router.push('/goods/add')`，也可以通过对象的形式进行跳转，例如`this.$router.push({path:'/goods/...