vue.js - Vuetify 多个主题

Question

我正在阅读 Vuetify 文档，您似乎可以像这样创建两个主题:

const vuetify = new Vuetify({
  theme: {
    themes: {
      light: {
        primary: colors.purple,
        secondary: colors.grey.darken1,
      },
      dark: {
        primary: colors.blue.lighten3,
      },
    },
  },
})

然后可以通过以下方式使用它:this.$vuetify.theme.dark = true

是否可以添加另一个主题？有点像这样:

const vuetify = new Vuetify({
  theme: {
    themes: {
      light: {
        primary: colors.purple,
        secondary: colors.grey.darken1,
      },
      dark: {
        primary: colors.blue.lighten3,
      },
      anotherTheme: {
        primary: colors.grey,
        secondary: colors.black,
      }
    },
  },
})

如果是，我如何以编程方式更改它？

Answer 1

根据 https://github.com/vuetifyjs/vuetify/issues/10985 ,
您可能可以使用 Vuetify v3 从那里管理多个主题。

现在，您可以使用 Vuex 商店创建主题管理器。