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>


  这样改进之后,进入列表页面和刷新页面不会再出现页面闪现问题

 

posted @ 2021-05-19 14:47  will很忙  阅读(1201)  评论(0编辑  收藏  举报