vue+elementui代码加载完成才显示页面（loading加载页面）

图片

代码

 mounted() {
    
    
     const loading = this.$loading({
    
    
         lock: true,
         text: '加载ing',
         spinner: 'el-icon-loading',
         background: 'rgba(0, 0, 0, 0.7)'
     });
     
     var that = this
     var timer = setInterval(function () {
    
    
         if (document.readyState === 'complete') {
    
    
             //console.log("全部加载完成！")
             loading.close();
             //你的方法开始 
             that.rightsList(); //***rightsLists是我写的方法
             //你的方法结束
             window.clearInterval(timer)
         }
     }, 500)
 }