如何做到不同的商品传来不同的数据,麻烦给个思路
来源:3-3 项目作业
迷失的小麦
2020-04-10 13:39:53
另外,axios和jsonp分别在什么场景下使用?有什么区别?这个地方推荐用哪个?
1回答
好帮手慕言
2020-04-10
同学你好,可以参考下方:
1、商品的id在你获取到热门推荐商品信息数据中已经包括了商品id, 点击商品进入详情页的时候, 也将商品id传递到详情页了。
2、可以在详情页通过this.$route.params.id获取传入的品id,示例:可以详情页打印查看结果
3、在api文件夹下新建一个product.js文件封装一个函数getProductDetail根据商品id获取商品信息
拼接接口:
https://unszacs.m.taobao.com/h5/mtop.taobao.detail.getdetail/6.0/4、在商品详情组件中(也就是product文件夹下index.vue中)引入文件, 调用函数传入商品id, 获取详情数据
之后可以处理这些数据,渲染到详情组件中,实现点击不同的商品展示对应的商品详情。
另外:在不跨域的情况下可以使用axios。跨域使用jsonp。商品详情推荐使用jsonp。
祝学习愉快~
相似问题