vue跳轉傳參刷新後參數消失

一開始需要實現的功能是跳轉到一個頁面然後傳入一個產品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>