页面重新加载后 Vuetify 暗模式颜色错误

Vuetify DarkMode colors wrong after page reload

我的 Vuetify 应用程序现在可以正确切换到暗模式(万岁!)但是,当整个页面刷新时,样式颜色不会改变(我的原色与亮模式保持一致)

我可以切换到浅色,然后再切换回深色,并且颜色会正确地转换为深色主题的颜色。

网-网 到底是怎么回事?根据我正在阅读的内容,我需要做的就是在应用程序安装方法中设置 this.$vuetify.theme.dark = true,但它不起作用...

更新 我们正在使用 nuxt 布局,并在 vuetify 主题上设置 dark = true:

  mounted() {
    console.log('darkMode:', this.darkMode);
    this.$vuetify.theme.dark = this.darkMode;
  },

做了一些挖掘,发现这是暗模式 vuetify 元数据的一个已知问题: https://github.com/vuetifyjs/vuetify/issues/13378

更新: git 集线器问题已关闭,但预期的解决方法对我不起作用。

我最终抛出了半毫秒的 setTimeout 来重置 this.$vuetify.theme.dark = true,因为元代码在应用暗模式的中途再次将其更改为 false。