正在回答 回答被采纳积分+1
1回答
好帮手慕糖
2019-08-28 10:27:28
同学你好, 1、商品的id在你获取到热门推荐商品信息数据中已经包括了商品id, 点击商品进入详情也得时候, 也将商品id传递到详情页了
2、 可以在详情页通过this.$route.params.id获取传入的品id,示例:可以详情页打印查看结果哦
3、在api文件夹下新建一个product.js文件封装一个函数getProductDetail根据商品id获取商品信息
4、在商品详情组件中(也就是product文件夹下index.vue中)引入文件, 调用函数传入商品id, 获取详情数据
打印结果: 根据传入的商品id不同, 获取的数据也不同
之后可以处理这些数据,渲染到详情组件中,实现点击不同的商品展示对应的商品详情。可以先参考如上梳理下思路,在动手写代码哦。
如果帮助到了你, 欢迎采纳!
祝学习愉快!
热门框架Vue开发WebApp 18版
- 参与学习 人
- 提交作业 209 份
- 解答问题 3299 个
本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星