关于vue首屏加载loading问题

注意:网上搜索出来的都是教你在index.html里面

或者在app.vue Mounte生命周期函数控制app和loading的显示和隐藏,这里会有一个问题,就是js渲染页面需要时间,一样会出现几秒钟白屏。mounted(包裹使用nextTick)执行回调div app的内容依然没有开始渲染。

正确的做法是给loading一个z-index:-1,绝对定位。当app有内容时覆盖loading,确保app的内容高度至少占一屏,不然会出现覆盖不全。




    
    
    
    demo测试
    


你可能感兴趣的:(vue.js,javascript,前端)