图书ID：{{ $route.query.id }} 这个没能生效，为什么？

hamimelon2020

于 2021-10-11 13:35:33 发布

阅读量280

点赞数

分类专栏： vue JavaScript 文章标签： router

本文链接：https://blog.csdn.net/weixin_40945354/article/details/120701252

版权

vue 同时被 2 个专栏收录

722 篇文章 4 订阅

订阅专栏

JavaScript

628 篇文章 6 订阅

订阅专栏

本文详细探讨了Vue Router中query和params两种参数传递方式的使用及其区别。$route.path表示当前路由的绝对路径，$route.params包含动态片段，而$query则用于URL查询参数。文中通过实例说明了这两种方式在实际应用中的不同效果，解释了为何在某些情况下可能即时生效，而在其他时候则需要等待第二天才生效。

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

图书id：1
图书id：2
没能显示出来，为什么呢？

vue router使用query和params传参的使用和区别

生效了，第二天生效了，当天不知道为啥不行。

路由对象属性
$route.path

类型: string

字符串，对应当前路由的路径，总是解析为绝对路径，如 "/foo/bar"。

$route.params

类型: Object

一个 key/value 对象，包含了动态片段和全匹配片段，如果没有路由参数，就是一个空对象。

$route.query

类型: Object

一个 key/value 对象，表示 URL 查询参数。例如，对于路径 /foo?user=1，则有 $route.query.user == 1，如果没有查询参数，则是个空对象。