Vuetify 主题不会改变

Posted 2023-02-19

【中文标题】Vuetify 主题不会改变

【英文标题】：Vuetify theme doesn't change

【发布时间】：2018-07-15 01:03:26

【问题描述】：

正如doc 所说，我用它来更改我项目的默认主题：

Vue.use(Vuetify, 
 theme: 
 primary: '#ff0000',
 secondary: '#ff0000',
 accent: '#ff0000',
 error: '#ff0000'

)

但是什么也没发生。默认原色（#1976D2）仍然存在，没有任何变化。为什么它不起作用？

【问题讨论】：

一些不工作的示例代码？

add 添加图标颜色将是默认的主要颜色。(#1976D2) @Traxo

primary 属性在较新版本中已弃用。改用color 属性：color="primary"，其他颜色同上

它们都可以正常工作...但是颜色不会改变。@Traxo

你的 vuetify 版本是什么？

【参考方案1】：

旧版本的 Vuetify 不支持使用 Vue.use 编辑主题。 将 Vuetify 升级到 0.17.0 或更高版本将解决您的问题。

【讨论】：

来源？ afaics vuetifyjs.com/releases/0.16/#/style/theme 说可以这样改

哦，我的意思是旧版本不支持使用Vue.use 编辑主题。我修复了我的帖子。

正如 Traxo 所说，v0.16 的官方文档实际上提到了使用 Vue.use 进行自定义。但是（至少在我的情况下）Vue.use 在我使用 Vuetify 0.16 时没有创建 $vuetify.theme 属性...

我一开始也怀疑是版本，所以我只检查了文档，没有自己测试。大声笑，想知道如果它不起作用，为什么会提到它。我在github上查过，所以你确实是正确的Theme colors are now defined in the Vue.use statement instead of stylusgithub.com/vuetifyjs/vuetify/releases/tag/v0.17.0