加载所有静态资产时的加载屏幕答案

【问题标题】：Loading screen while all static assets are being loaded加载所有静态资产时的加载屏幕
【发布时间】：2019-09-11 07:59:05
【问题描述】：

我目前正在开发一个 vuejs 应用程序，它也会包含一些视频元素，我们希望在用户首次加载 Web 应用程序时预加载这些视频。

这样做的最佳方法是什么？我想也许像这样的听众，

document.addEventListener("DOMContentLoaded", ready);

使用调用 vue 的就绪函数？我知道 vue 有 v-cloak 但我不想在每个页面上都使用它，理想情况下我们不希望在初始加载后看到加载屏幕，对我可以使用什么解决方案的任何想法，或者是上面的那个好吗？

【问题讨论】：

标签： javascript vue.js dom loading

【解决方案1】：

您可以在主 App.vue 文件中使用 onreadystatechange 方法，该方法将判断您的 DOM 是否准备好

created(){
    document.onreadystatechange = () => { //To load the app only after all libraries are loaded
    if (document.readyState == "complete") { 
        this.loadApp = true;
    } 
   }

}

【讨论】：