Vue路由传递获取参数

通过Vue传递参数可以分为两种方式:

  • params参数
  • query参数

params参数传递方式分两种:

  • 路由配置参数
  • 使用$router的push编程式添加

在路由中配置如下:

:id为路径里的参数。传递参数:

路由配置:

传递参数

这里需要注意的是:这种方式传递参数,push的对象只能是命名的路由。如果push的配置对象使用path,那么params参数会被忽略。

不管是在路由配置params参数还是通过router.push()编程式传递参数,这些参数都是可以通过params来获取。

查询参数类似于在路径上添加查询字符串:

传递参数

获取参数

使用查询参数传递参数,需要使用router.query来获取参数。

Original: https://www.cnblogs.com/dekevin/p/12347793.html
Author: dekevin
Title: Vue路由传递获取参数

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/551565/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球