添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

如何解决数据没有加载完,页面就渲染的问题?

可以加一个变量来解决

<template>
<view>
<--v-if测试条件为true渲染list数据-->
<view class="list" v-if="flag">
<view class="item">...</view>
<view class="item">...</view>
<view class="item">...</view>
<view>
<view>
</template>

data(){
return {flag: false,//默认数据没加载完}
}

onShow() {this.getList();},
methods: {
this.flag = false,//数据没加载变量设置为false
getList() {

request("GET",url,...) {//调用接口
if(res.data.code == 1) {//有数据
console.log("res===",res.data.data);
this.flag = true;//数据加载完后 变量设置为true
}
}

}
}