解决双重请求数据时，获取到数据，但页面不显示的问题

ygkyufcl

于 2020-10-29 17:34:24 发布

阅读量794

点赞数

分类专栏： Vue 文章标签： vue 前端

本文链接：https://blog.youkuaiyun.com/ygkyufcl/article/details/109364960

版权

Vue 专栏收录该内容

24 篇文章

订阅专栏

本文详细探讨了在Vue项目中遇到的双重请求数据问题，即数据成功获取但未能正确显示在页面上的原因和解决方法。通过分析异步请求的生命周期和组件渲染过程，提供了一种优化策略，确保数据正确同步到视图，从而修复了这一常见前端故障。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

data(){
	return {data:[],FinalData:[]}
},
async created(){
	await getOneData().then(res=>{
		this.data=res.data.data;
		this.getData();
	})
},
methods:{
	async getData(){
		var data=[];
		for(let i=0;i<this.data.length;i++){
			await getTwoData().then(res=>{
				data.push(res.data.data);
			})
		}
		this.FinalData=data;
	}
}