怎样才能获取到数据。老是报错

product > slider.vue

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

<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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

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)
  })
}

_YI__ 2019-05-28

源自：实战：Vue 完成分类、搜索页 3-3 项目作业

0

收起

4回答

好帮手慕星星回答被采纳获得+3积分 2019-05-29 09:48:13

你好，可以不传固定的id值，点击商品传入相应的id：

测试出来是有结果的：

可以重新启动项目试一下。

祝学习愉快！

提问者 _YI__ 2019-05-28 22:39:45

好帮手慕星星 2019-05-28 19:17:04

你好，报错信息是jsonp位置使用then不可以，可以看一下封装的jsonp.js文件位置是否引入对了，这边在视频源码中进行测试是没有问题的，视频源码中的位置是：

祝学习愉快！

提问者 _YI__ #1

我把位置给调好了但是，还是没有数据出来，等了一下，出现超时的错误

2019-05-28 22:38:47

提问者 _YI__ 2019-05-28 18:19:54

错误代码

相似问题

老师，这样获取不到数据不能获取到数据吗，一直报错

关于获取接口数据

获取不到数据库的数据

老师我把page写的好大，还是能获取到数据

我一直没获取到数据

登录后可查看更多问答，登录/注册

热门框架Vue开发WebApp 18版

参与学习人
提交作业 209 份
解答问题 3299 个

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

本课精华内容

问答作业

我想知道讲ES6的是哪个老师呀，声音调好听了吧，声控的福利吖，，想知道是谁喔。

5 4

老师,帮忙看下是啥原因,滚动条还是滚动不了

4 28

代码不完善啊

2 23

父组件控制子组件样式的问题

3 22

代码运行不了

0 18

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号