Vue: 声明式导航（router-link）的跳转传参的两种方式

MakeItPossibleAlways

已于 2023-09-01 17:22:27 修改

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

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

于 2023-09-01 17:12:08 首次发布

39 篇文章 ¥19.90 ¥99.00

订阅专栏

本文详细介绍了在Vue中使用`router-link`进行声明式导航时，如何通过查询参数和动态路由来传递参数。包括查询参数的传参语法和动态路由的配置与接收值的方法，并探讨了动态路由参数的可选符使用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

只要提到了声明式导航，就得想到（router-link）

语法：

to="path?参数名=值"

对应页面组件接收传递过来的值： $route.query.参数名

1. 在路由跳转的时候进行传值   
<router-link to="/search?key=注重过程">注重过程</router-link

了解本专栏