Vuetify：如何获取当前的主题颜色？答案

【问题标题】：Vuetify: How to get current theme color?Vuetify：如何获取当前的主题颜色？
【发布时间】：2021-06-05 05:12:22
【问题描述】：

我正在使用 Nuxt 和 Vuetify。如果我写<nuxt-link>，Nuxt 会生成<a> 标签，并且链接文本带有下划线和蓝色。

我可以如下删除下划线：

a {
  text-decoration: none;
}

接下来，我要修复颜色。但是，颜色取决于主题（浅色模式或深色模式）。

如何获取当前模式文本颜色？

【问题讨论】：

【解决方案1】：

如果我没记错的话，可以用this.$vuetify.theme访问。

文档正在讨论 setter，但它也完全可以与 getter 一起使用：https://vuetifyjs.com/en/features/theme/#light-and-dark

你可以用类似的东西来改变它

this.$vuetify.theme.themes.light.primary = '#4caf50'

【讨论】：

我必须写有条件的吗？ if(this.$vuetify.theme.dark){color = this.$vuetify.theme.themes.dark.primary}else{...}
我猜。我不知道您想要什么/在哪里/如何处理您的代码，但这是可能的。 :)

【解决方案2】：

试试这个：

this.$vuetify.theme.currentTheme.primary

【讨论】：