当主题更改 vuetify 时，使用“辅助”组件的颜色不会改变

Posted 2023-02-23

【中文标题】当主题更改 vuetify 时，使用“辅助”组件的颜色不会改变

【英文标题】：Color not changing on component using "secondary" when theme changes vuetify

【发布时间】：2021-03-01 08:12:03

【问题描述】：

我设置了一个按钮，点击后会改变主题。这最初工作得很好，直到我想将卡片颜色更改为次要主题颜色。像这样：

       <v-card
         color="secondary"
       >

这对当前主题按预期工作，但是，当我使用按钮更改主题时，除此组件外，其他所有内容都会更改。当主题更改时，我需要将其更改为其他主题的辅助颜色。

【参考方案1】：

您可以像这样在 Vuetify 配置对象中全局配置您的 Vuetify 主题：

const vuetify = new Vuetify(
  theme: 
    themes: 
      light: 
        primary: '#3f51b5',
        secondary: '#b0bec5',
        accent: '#8c9eff',
        error: '#b71c1c',
      ,
    ,
  ,
)

More info

【讨论】：

我想我不够清楚。问题不在于设置主题本身，而是有效的。问题是我有 2 个主题（深色和浅色），当我从其中任何一个切换时，使用“辅助”主题颜色的组件不会改变。

在主题对象中，您可以配置所有团队。在我的示例中，它只是 Light 主题，但您也可以添加 Dark 主题 onject 以及特定颜色

问题不在于设置主题，它工作正常。我有一张使用当前辅助主题颜色的卡片（或者至少这是我所期望的），但是当主题更改为另一个现有主题时，它不会改变颜色并保持旧主题的辅助颜色。

啊，我知道了：）好吧，你能检查一下，也许两个主题都有相同的辅助颜色？

哈哈，他们都有相同的辅助颜色，我是个白痴。谢谢！