vue中router-link传参(商品从列表页到具体详情页跳转)
今天用vue做商品详情页的时候遇到一个问题:在主页有商品列表,点击某一个列表跳转到相应商品的详情页中去,使用router-link链接,代码如下< div v-for=“item in goods”>< router-link :to="{name: ‘Details’, params: {goodId: item
·
今天用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);
这样就获取了某一商品的详情信息了
更多推荐
已为社区贡献4条内容
所有评论(0)