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

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



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

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

结果呢，我确实是在详情页通过this.$route.params.sku;拿到了sku,但是有一点不好的是，当我强刷详情页时，带过来的sku参数就消失了，这就很尴尬了，怎么办呢，如下所示：
<router-link :to="{name:'detail',path:'/detail',query:{sku:obj.sku}"></router-link>
换成query,详情页这样取就可以了，this.$route.query.sku;