老师，请问下。

home.js里面可不可以这样写：

import axios from 'axios';
import {succ_code,TimeOut} from './config';
export const getHomeSlider=()=>{
	return axios.get('http://www.imooc.com/api/home/slider',{timeout:TimeOut}).then(res=>{
		if(res.data.code===succ_code){
			return res.data.slider;
		}
		throw new Error('没有成功获取到数据')
	}).catch(err=>{
		if(err){
			console.log(err);
		}
		return [{
			linkUrl:'www.hao123.com',
			picUrl:require('assets/img/404.png')
		}]
	}).then(data=>{
		setTimeout(function(){
			return data;
		},1000);
	});
}

然后在slider.vue里面这个延迟一秒出来的data,再接着then然后处理这个data,这样可以吗？

aleeeeex 2019-05-24

源自：实战：Vue webapp首页开发 3-1 Loading组件

收起

2回答

好帮手慕慕子回答被采纳获得+3积分 2019-05-24 19:51:13

同学你好，经过测试，这样写是应该可以实现给sliders赋值的。

示例，老师这边定义一个新的变量，

在methods中定义的方法，

在控制可以看到一秒后打印了this.test的值

同学结合示例测试一下哦，

如果还有问题，建议：可以将你的slider.vue文件代码粘贴过来，便于准确的定位和解决问题

如果帮助到了你，欢迎采纳！

祝学习愉快~~~~

收起回答

好帮手慕慕子 2019-05-24 15:17:12

同学你好，不可以这样写哦，首先setTimeout是一个异步操作，另，里面是一个匿名函数，所以不可以直接使用return返回值，建议：使用视频中老师讲解的Promise方法。

老师这边给同学举个简单的示例，函数获取不到setTimeout中return返回的值

打印结果：

同学可以结合示例自己测试一下

如果帮助到了你，欢迎采纳！

祝学习愉快~~~

收起回答

提问者 aleeeeex #1

老师，那我在home.js里面不变，跟视频一样new 一个promise,但是我在slider.vue里面这样： methods:{ getSliders(){ getHomeSlider().then(data=>{ setTimeout(function(){ this.sliders=data; },1000) }); } } 设置一个延时函数，一秒后再给sliders赋值，为什么也不行呀？

2019-05-24 15:34:03