A页面跳转到B页面并且传参的方式

A页面跳转到B页面并且传参的方式

第一种方式：

A页面如下，通过?传参：     

<router-link :to="`/article?id=${item.id}&name=zs`"> .... </router-link>

添加事件
  @click="$router.push(`/article?id=${item.id}`)"

B 页面如下，接收 id 参数：                

mounted(){ let id = this.$route.query.id let name = this.$route.query.name }

                                                                                                                                                                   

第二种方式：

A 页面如下，通过路径参数传参：

           

<router-link :to="`/article/237`"> .... </router-link>

       

B 页面如下接收：

   vuex里配置 { path: '/article/:id', component: B组件 }


mounted(){ this.$route.params.id }