vue中router-link傳參（商品從列表頁到具體詳情頁跳轉）

今天用vue做商品詳情頁的時候遇到一個問題：
在主頁有商品列表，點擊某一個列表跳轉到相應商品的詳情頁中去，

使用router-link鏈接，代碼如下
< div v-for=“item in goods”>
< router-link :to="{name: ‘Details’, params: {goodId: item.goodId}}">
< /div>
此處name的值爲設置路由時的詳情頁的name值

路由配置如下：

{
path: “/details/:goodId”,
name: “Details”,
component: Details
}

詳情頁獲取以上的參數，代碼如下：

在mounted(){}中獲取：
this.goodId = this.$route.params.goodId；
this.getDetail(this.goodId);

這樣就獲取了某一商品的詳情信息了