vue 路由跳转传参

第一种方式：

<router-link :to="{path:'/my_details/my_comment',query:{userInfo:userInfo.headImage}}" >
  <img src="@/assets/img/my/my_weixin.png" alt />
  <h5>我的评论</h5>
</router-link>

第二种方式：

<div class="my_good_friend_info" @click="chitchat(item.id)">

   <img src="@/assets/img/my/viewhistory2.png" alt />

</div>

 

chitchat(val) {

   this.$router.push({ path: "/my_details/my_chat", query: { id: val } });

},

使用都是一样的：

这样打印，你就知道怎么用了

 

console.log(this.$route.query,'-----------------')