vue跳转传参刷新后参数消失

共计 503 个字符，预计需要花费 2 分钟才能阅读完成。

一开始需要实现的功能是跳转到一个页面然后传入一个产品 ID 号，然后在目标页面用这个 ID 号显示具体的产品信息我是用的方法是在 template 中使用 router-link 标签
<router-link to=”/product”>
<a @click=”routerTo(productId)” href=”#”>{{item.name}}</a>
</router-link>
// 将 productId 传入 /product 页面

routerTo():
routerTo(index){
this.$router.push({name:’product’,params:{productId:index}});
}
// 在 product 页面中可以直接使用 productId 属性了

上面的 router-link 方法是完全错误的，想要传参数这种方法确实可以传过去，但是只要页面刷新，参数就会消失！所以要把 router-link 改为：
<router-link :to=”{name:’product’}”>
<a @click=”routerTo(productId)” href=”#”>{{item.name}}</a>
</router-link>