vue-router中使用push进行路由跳转时传参的问题

qq_31347253 2018-07-11 05:58:15

vue-router中使用push进行路由跳转时想要传参，若使用Path跳转则需要使用query传参，若使用name跳转则需要使用params传参，否则取得的参数为undefined

...全文

1608 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

bujianduandian 2020-01-30

打赏
举报

回复

经过 cnpm run build 测试了么?

钢铁加lulu 2018-07-18

打赏
举报

回复

我使用name和query传参是可以的。你可以参考下:

本文详细介绍了Vue.js中的路由操作，包括query和params两种传参方式，以及如何通过`$route`对象读取参数。同时，文章讨论了router-link的to对象写法，强调了params传参时必须使用name进行跳转。此外，还涵盖了路由守卫的概念，包括全局前置、后置守卫和独享、组件内守卫的用法，以及编程式路由导航的各种方法如push、replace、forward和back。最后，提到了缓存路由组件以避免路由切换时组件销毁的问题。

本文详细介绍了Vue项目中实现路由跳转传参的方法。包括使用vue-router构造函数的步骤，路由跳转的声明式导航（router-link）和编程式导航（$router.push等）两种方式，以及query和params传参的区别，还阐述了router、routes、route的不同。

本文详细介绍了Vue 3.0中路由跳转的更新，包括useRouter和useRoute的引入，以及如何避免参数传递问题。重点讲解了如何在新版本中正确使用API进行路径、参数和查询的传递，并提到了4.1.4版本对params处理的变化。

本文详细介绍了Vue中四种路由跳转方式：router-link、this.$router.push、this.$router.replace和this.$router.go(n)，并深入讲解了带参与不带参的路由跳转方法，包括params和query传参的区别及取参方式。

文章讲述了在Vue3中使用router.push遇到的参数丢失问题，主要介绍了bug的原因、query和params的使用区别，以及如何通过query、params+动态路由和historyAPI解决此问题，作者推荐使用query暴露参数以避免刷新丢失数据。

87,988

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章