vue实现路由传参-复杂数据类型传参--query

query--点击传递参数  

总结一般来说query传参只能传递简单的数据如何传递复杂类型的数据呢?可以通过JSON.stringify 来改成JSON格式
1.点击跳转传递参数
<div v-for="(item,index) in ItemDetail":key="index"@click="PriceDetail(item)">
循环体--内容
</div>
PriceDetail(item) {
  this.$router.push({
  path: "pricedetail",
  query: { ItemDetail: JSON.stringify(item) }
  });
}
2.接收传递过来的参数-这里要用JSON.parse来接收
 this.myobject=JSON.parse(this.$route.query.ItemDetail)

 弊端:传递的参数会显示在url路径上

猜你喜欢

转载自blog.csdn.net/weixin_51127384/article/details/120317907