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>
这样改进之后,进入列表页面和刷新页面不会再出现页面闪现问题
山不在高,有仙则名。水不在深,有龙则灵。斯是陋室,惟吾德馨