vue 页面加载遮罩

Posted 2023-03-02

纯vue开发，页面加载后（mounted、created）会从服务器动态获取内容渲染到界面上，这个过程或许很长，我想加一个遮罩一直到渲染界面完成才消失的那种，能明白的再回复

参考技术A 设置一个变量，比如isLoading，初始值为true，
如果值为true就显示遮罩层，false就不显示，
当你所有内容都加载完之后把这个值改为false。 参考技术B <div v-if="isloading">加载中。。。</div>

  data: 
    isloading: true
  
  created()
      http请求成功之后
      this.isloading = false
  

参考技术C 空间里旅途