获取数据的接口是哪一个?

来源:3-3 项目作业

慕盖茨3393925

2019-12-31 14:51:16

获取每个商品的图片

写回答

1回答

好帮手慕言

2019-12-31

同学你好,同学是想实现商品详情页吗?如果是的话,可以参考下方:

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

http://img.mukewang.com/climg/5e0af8a409e7baf714230636.jpg

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

http://img.mukewang.com/climg/5e0af8b909eb072404880062.jpg

http://img.mukewang.com/climg/5e0af8ca091f374a09150266.jpg

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

接口:https://unszacs.m.taobao.com/h5/mtop.taobao.detail.getdetail/6.0/

http://img.mukewang.com/climg/5e0af8e20975acc913600400.jpg

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

http://img.mukewang.com/climg/5e0af8f90995da6f10640563.jpg

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

http://img.mukewang.com/climg/5e0af9e209d9f4e005720828.jpg

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

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

1

0 学习 · 10739 问题

查看课程