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>