vue刷新页面带来的参数丢失
从商品列表进入商品详情,如图所示:详情页的请求需要给后台传递一个参数,所以我要把商品的skuId传到详情页面:this.$router.push({name: 'commodityDetail',params:{productId}})在详情页面我通过 this.$route.params.productId取到了skuId,但是当我在详情页面刷新一下的话,...
·
从商品列表进入商品详情,如图所示:
详情页的请求需要给后台传递一个参数,所以我要把商品的skuId传到详情页面:
this.$router.push({name: 'commodityDetail',params:{productId}})
在详情页面我通过 this.$route.params.productId
取到了skuId,但是当我在详情页面刷新一下的话,传过来的参数就丢失了,现在就要这样做:
将params改为query,详情页面用this.$route.query.productId
取到skuId就可以了
如果传过来的参数是一个对象 强制刷新后参数会变为[object,object]
就需要在传参时将参数转换为json字符串,然后在取参数再转换为json对象,比如:
传参:
取参数:
更多推荐
已为社区贡献2条内容
所有评论(0)