如何在Vue项目中获取this.$router.push参数

发布时间:2021-02-05 17:25:56 作者:Leah
来源:亿速云 阅读:234

如何在Vue项目中获取this.$router.push参数?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

传递参数的方法:

1.Params

由于动态路由也是传递params的,所以在 this.$router.push() 方法中path不能和params一起使用,否则params将无效。需要用name来指定页面。

及通过路由配置的name属性访问

在路由配置文件中定义参数:

如何在Vue项目中获取this.$router.push参数 

通过name获取页面,传递params:

在目标页面通过this.$route.params获取参数:

如何在Vue项目中获取this.$router.push参数 

2.Query

页面通过path和query传递参数,该实例中row为某行表格数据

如何在Vue项目中获取this.$router.push参数

在目标页面通过this.$route.query获取参数:

this.$route.query.row.xxx

看完上述内容,你们掌握如何在Vue项目中获取this.$router.push参数的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

推荐阅读:
  1. vue.js this.$router.push获取不到params参数问题
  2. 如何在python3项目中获取当前目录

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue this.$router.push

上一篇:利用Go语言怎么获取目录的相关信息

下一篇:利用python怎么获取当前目录路径

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》