怎样才能获取到数据。老是报错
product > slider.vue
<template>
<me-loading v-if="!sliders.length"/>
<me-slider
:data="sliders"
:direction="direction"
:loop="loop"
:interval="interval"
:pagination="pagination"
v-else
>
<swiper-slide
v-for="(item, index) in sliders"
:key="index"
>
<a :href="item.linkUrl" alt="" class='slider-link'>
<img :src="item.picUrl" alt="" class='slider-img'>
</a>
</swiper-slide>
</me-slider>
</template>
<script>
import MeSlider from 'base/slider';
import {swiperSlide} from 'vue-awesome-swiper';
import {getProductDetail,getGoodsDetails} from 'api/product';
import MeLoading from 'base/loading';
// import {sliderOptions} from './config';
export default{
name: 'HomeSlider',
components: {
MeSlider,
MeLoading,
swiperSlide
},
data(){
return{
direction: "horizontal",
loop: true,
interval: 0,
pagination:true,
sliders: []
}
},
created() {
// this.getSliders();
// this.getRecommend()
// getGoodsDetails(this.$route.params.id)
getGoodsDetails(594415289458)
},
methods:{
update() {
return this.getSliders();
},
getproduct(){
return getGoodsDetails().then(data=>{
console.log(data)
})
}
}
};
</script>
<style>
.slider-wapper {
width: 100%;
height: 183px;
}
.slider-link {
display: block;
}
.slider-link,
.slider-img {
overflow: hidden;
width: 100%;
height: 100%;
}
</style>api > product.js
import jsonp from 'jsonp'
import {jsonpOptions} from './config'
export const getGoodsDetails = (id) => {
const url = 'https://unszacs.m.taobao.com/h5/mtop.taobao.detail.getdetail/6.0/';
const params = {
api: 'mtop.taobao.detail.getdetail',
ttid: '2017@40taobao_h5_6.6.0',
data: `{"itemNumId":"${id}"}`,
appkey: '12574478',
dataType: 'jsonp',
type: 'jsonp',
v: '6.0'
};
console.log(url)
return jsonp(url, params,jsonpOptions).then(res=>{
console.log(res)
console.log(url)
})
}0
收起
正在回答
4回答
你好,可以不传固定的id值,点击商品传入相应的id:

测试出来是有结果的:

可以重新启动项目试一下。
祝学习愉快!
热门框架Vue开发WebApp 18版
- 参与学习 人
- 提交作业 209 份
- 解答问题 3299 个
本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。
了解课程



恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星