vue中router-link传参（商品从列表页到具体详情页跳转）

今天用vue做商品详情页的时候遇到一个问题：

在主页有商品列表，点击某一个列表跳转到相应商品的详情页中去，

使用router-link链接，代码如下

< div v-for=“item in goods”>

< router-link :to="{name: ‘Details’, params: {goodId: item.goodId}}">

< /div>

此处name的值为设置路由时的详情页的name值

路由配置如下：

{undefined

path: “/details/:goodId”,

name: “Details”,

component: Details

}

详情页获取以上的参数，代码如下：

在mounted(){}中获取：

this.goodId = this.$route.params.goodId；

this.getDetail(this.goodId);

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