怎么获取商品详情信息

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕糖 2019-08-28 10:27:28

同学你好, 1、商品的id在你获取到热门推荐商品信息数据中已经包括了商品id, 点击商品进入详情也得时候, 也将商品id传递到详情页了

http://img1.sycdn.imooc.com//climg/5d65e5db00018c0e14250653.jpg

2、 可以在详情页通过this.$route.params.id获取传入的品id,示例:可以详情页打印查看结果哦

http://img1.sycdn.imooc.com//climg/5d65e5f40001bc4307320100.jpg

http://img1.sycdn.imooc.com//climg/5d65e5fd00014df912880415.jpg

3、在api文件夹下新建一个product.js文件封装一个函数getProductDetail根据商品id获取商品信息

http://img1.sycdn.imooc.com//climg/5d65e626000193b313780417.jpg

4、在商品详情组件中(也就是product文件夹下index.vue中)引入文件, 调用函数传入商品id, 获取详情数据

http://img1.sycdn.imooc.com//climg/5d65e6390001635810830587.jpg

打印结果: 根据传入的商品id不同, 获取的数据也不同

http://img1.sycdn.imooc.com//climg/5d65e65e000156e405810841.jpg

之后可以处理这些数据,渲染到详情组件中,实现点击不同的商品展示对应的商品详情。可以先参考如上梳理下思路,在动手写代码哦。

如果帮助到了你, 欢迎采纳!

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师