vuetify.js - 消除 Vuetify 中无样式内容的闪现

Question

单击(例如)此页面上的任何 CodePen 链接:https://vuetifyjs.com/en/components/navigation-drawers

注意无样式内容的闪光。你如何消除这个？

当我进行硬刷新时，我会在我的项目中看到它。我试过 v-cloak但当然那没有用。

Answer 1

您需要先隐藏该应用程序

<div id="app" hidden>...</div>

然后使用 mounted.nextTick准备好后取消隐藏应用程序

  new Vue({
    el:'#app',
    mounted:function(){this.$nextTick(function(){
      this.$el.removeAttribute('hidden')
    })}
  });