vue刷新页面带的参数丢失问题

之前有这样一个需求，首页有一个产品列表，如下图所示：

点击这些产品列表跳转到详情页，此时详情页的请求需要给后台传递一个参数，于是我将列表页的参数写成这样传到详情页(想把这个sku给带过去)

 

<router-link :to="{name:'detail',path:'/detail',query:{sku:obj.sku}"></router-link>

 

结果呢，我确实是在详情页通过this.$route.params.sku;拿到了sku,(写错了，上面那个query是params)但是有一点不好的是，当我强刷详情页时，带过来的sku参数就消失了，这就很尴尬了，怎么办呢，如下所示：

 

<router-link :to="{name:'detail',path:'/detail',query:{sku:obj.sku}"></router-link>

换成query,详情页这样取就可以了，this.$route.query.sku;