Vue通过id跳转到商品详情页

首页列表：

在这里我用a标签进行跳转，在vue里面使用<router-link></router-link>

<router-link :to="{path:'/news',query:{ id:item.NewsID }}" class="around"></router-link>

商品详情页：

//请求接口created: function() {var newsID=this.$route.query.id;this.$http.get(this.$store.state.index.ip + '/api/News/'+newsID).then((response) => {console.log(response);}).catch(function(error) {console.log(error);});
}

若有不明白请加群号：复制 695182980 ，也可扫码，希望能帮助到大家。

转载于:https://www.cnblogs.com/CinderellaStory/p/9985812.html

Vue通过id跳转到商品详情页相关推荐

vue 实现类似淘宝的商品详情页的商品展示
vue 实现类似淘宝的商品详情页的商品展示利用vue和swiper实现缩略图控制 / Swiper互相控制具体需求描述: 图片大图自动轮播展示,下面的缩略图跟着变化,点击小图切换到对应的大图,大图 ...
尚硅谷谷粒商城第十二天商品详情页及异步编排
1. 商品详情当用户搜索到商品,肯定会点击查看,就会进入商品详情页,接下来我们完成商品详情页的展示. 商品详情浏览量比较大,并发高,我们会独立开启一个微服务,用来展示商品详情. 1.1. 创建mod ...
组织商品详情页的数据模型
创建FeignClient 我们在learn-goods-web服务中,创建FeignClient: BrandClient: @FeignClient("item-service" ...
京东商品详情页API接口、京东详情API接口、京东商品销量API接口、京东商品列表API接口、京东APP详情API接口、京东SKU信息接口，京东API接口
通过商品ID或是商品url中的商品ID调用提取京东商品详情页API接口.京东商品销量API接口.京东商品列表API接口.京东APP详情API接口.京东详情API接口,京东SKU信息接口拿到商品详情页各 ...
Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城（SSM前后端分离项目）十六（商品排序，Thymeleaf快速入门，商品详情页的展示）
Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城(SSM前后端分离项目)十六(商品详情页的展示) 一.商品排序 1.完善页面信息这是用来做排序的,默认按照综合排序 ...
【VUE】微商城（八）----商品列表，商品详情页
微商城源码微商城后端接口项目以及部署说明包含API接口说明文档 1.分类页跳转商品列表 1).在pages文件夹下创建一个goods文件夹,并且在goods文件夹创建一个GoodsListView. ...
在iOS应用中跳转到淘宝或天猫客户端商品详情页
最近做iOS项目的时候遇到一个需求,启动图片后是广告页,点击广告页,跳转到淘宝或天猫的商品详情页. 具体需要是这样: 1)安装了淘宝:跳转到淘宝详情页. 2)没装淘宝,装了天猫:跳转到天猫详情页 3) ...
Wordpress商品详情页新增Buy on amazon/ebay跳转按钮
Wordpress商品详情页新增Buy on amazon/ebay跳转按钮提示:本文内容严禁在其他平台转载!劳动成果不易,希望能相互体谅.这个亚马逊商品链接跳转不是用插件编辑,而是在woocomm ...
vue通用商品详情页
vue通用商品详情页 <template><div class="goodsinfo-container"><transition@before-en ...

Vue通过id跳转到商品详情页

Vue通过id跳转到商品详情页相关推荐

最新文章

热门文章