vue显示列表,在展示真实列表数据前,页面会闪现出现暂无数据组件内容
问题代码,只判断list的长度
<div v-if="list.length == 0">
<Nodata/>
</div>
改进,初始化list时设置list为null,不为空数组
data() {
return {
list: null
}
}
<div v-if="list!=null&&list.length == 0">
<Nodata/>
</div>
<div v-if="list!=null&&list.length > 0">
//列表数据
</div>
这样改进之后,进入列表页面和刷新页面不会再出现页面闪现问题