今天用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);

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

Logo

前往低代码交流专区

更多推荐