[JavaScript知识库]Vue-路由传参的两种方式

方式一：

?

路由传参

  {
    path: '/search/:keywords',
    component: () => import('@/views/SearchResult')
  },

获取方式：

this.$route.params.keywords //李晨飞

?

方式二：

组件传参

// 文章点击事件
    articleListClickFn (artId) {
      this.$router.push({
        path: '/art_detail',
        query: {
          aid: artId // 文章id传到文章详情页
        }
      })
    }

获取方式

this.$route.query.aid

?