关于getHomeSlider方法的返回值问题

首页课程实战体系课手记专栏慕课教程

来源：2-3 幻灯片组件--从服务器端获取数据

Kyrieyoo

2019-09-14 15:31:36

getSliders(){

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

getHomeSlider().then(data =>{

this.sliders = data;

});

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

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

写回答

2回答

好帮手慕星星

2019-09-14

已采纳

你好，

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

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

自己可以输出测试下。

好帮手慕星星

2019-09-14

同学你好，

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

可以输出看一下：

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

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

hyrieyoo

h 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对象呀

h019-09-14

共1条回复

0 学习 · 10739 问题

查看课程

相似问题

关于 promise 对方返回

回答 1

关于gethomeslider

回答 1

关于 v-if="pullDown"

回答 2

关于getRecommend

回答 2

对loading.vue加载组件有问题

回答 3

打开慕课网App查看更多内容