页面重新加载后 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。
我的 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。