首页 > 其他 > 详细

vue 路由跳转传参

时间:2020-06-05 16:08:27      阅读:48      评论:0      收藏:0      [点我收藏+]

第一种方式:

<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,‘-----------------‘)

 

vue 路由跳转传参

原文:https://www.cnblogs.com/tlfe/p/13049882.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!