关于getHomeSlider方法的返回值问题

getSliders(){

// this.sliders = getHomeSlider(); ??为什么这样写不行

getHomeSlider().then(data =>{

this.sliders = data;

});

代码这样子写的话： this.sliders = getHomeSlider()，为什么不能直接获取要的data？而要再.then()呢？

getHomeSlider()这个函数的返回值不是then里面return的内容吗？

Kyrieyoo 2019-09-14

源自：实战：Vue webAPP首页开发 2-3 幻灯片组件--从服务器端获取数据

10

收起

2回答

好帮手慕星星回答被采纳获得+3积分 2019-09-14 19:00:19

你好，

非常抱歉，第一次给你解释的有点问题，让同学有了误解。

因为axios是基于promise的，使用axios后会返回一个promise，即使then中直接return了数据，最终外层return的是一个带有数据的promise：

自己可以输出测试下。

好帮手慕星星 2019-09-14 16:14:39

同学你好，

getHomeSlider()这个函数的返回值是then里面return的内容，最终返回的是一个promise：

可以输出看一下：

一个带有数据的决议成功的promise对象，value中是获取的数据，所以直接方法的结果不是数据，而是promise，需要使用then方法输出获取的数据。

自己可以测试理解下，祝学习愉快！

提问者 Kyrieyoo #1

export const getHomeSlider = ()=>{ return axios.get('http://www.imooc.com/api/home/slider',{ timeout:5000}) .then(res =>{ if(res.data.code ===0){ return res.data.slider; } throw new Error('获取数据失败'); }) 我只写了第一个then，如果getHomeSlider()这个函数的返回值是then里面return的内容的话，返回的不是应该是res.data.slider吗，不应该是一个promise对象呀

2019-09-14 16:31:26

相似问题

方法中返回值的问题

重写方法的返回值的问题

返回值是父类。。

关于方法返回值和参数定义的问题

关于返回值

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

4.Vue与React高级框架开发

参与学习人
提交作业 239 份
解答问题 10739 个

本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle

本课精华内容

问答作业

老师，这是关于stylus版本和style语法高亮问题解决（可以编辑器自动缩进）如可可行可以置顶，谢谢

115 1

老师,创建VUE环境花了一天时间，创建流程供同学们参考（window）如果方法可行可以置顶，谢谢

152 1

麻烦老师看看这个写法和注释可以吗?如果可以可以置顶一下参考,谢谢

84 1

请检查是否正确

95 1

transition问题-续

65 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载