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);

这样就获取了某一商品的详情信息了