vue跳转传参方式

最新推荐文章于 2025-07-07 17:18:17 发布

路不在自己脚下

最新推荐文章于 2025-07-07 17:18:17 发布

阅读量7.5k

点赞数

分类专栏： vue.js

vue.js 专栏收录该内容

33 篇文章

订阅专栏

该博客主要围绕Vue跳转传参方式展开，虽具体内容缺失，但可知聚焦于Vue前端框架在页面跳转时传递参数的相关信息技术内容。

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

一、直接在路由中写参数
<li v-for="article in articles" @click="getDescribe(article.id)">
 getDescribe(id) {
//   直接调用$router.push 实现携带参数的跳转
        this.$router.push({
          path: `/describe/${id}`,
 })
//在router--->index.js进行配置
 {
     path: '/describe/:id',
     name: 'Describe',
     component: Describe
   }
//通过this.$route.prams.id取值

二、通过prams传参
this.$router.push({
          name: 'Describe',
          params: {
            id: id
          }
 })
//在router--->index.js进行配置
{
     path: '/describe',
     name: 'Describe',
     component: Describe
}
//通过this.$route.prams.id取值

三、通过query传参
 this.$router.push({
          path: '/describe',
          query: {
            id: id
  }
//在router--->index.js进行配置
{
     path: '/describe',
     name: 'Describe',
     component: Describe
 }
//通过this.$route.query.id取值

作者：18fa100a8459
链接：https://www.jianshu.com/p/4debd60d3187
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。