方式一:params
路由传参
{
path: '/search/:keywords',
component: () => import('@/views/SearchResult')
},
获取方式:
this.$route.params.keywords //李晨飞
方式二:query
组件传参
// 文章点击事件
articleListClickFn (artId) {
this.$router.push({
path: '/art_detail',
query: {
aid: artId // 文章id传到文章详情页
}
})
}
获取方式
this.$route.query.aid