Vuetify:如何获取当前主题颜色?

时间:2021-03-06 21:40:37

标签: nuxt.js vuetify.js

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

我可以如下删除下划线:

a {
  text-decoration: none;
}

接下来,我想修复颜色。但是,颜色取决于主题(浅色模式或深色模式)。

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

1 个答案:

答案 0 :(得分:1)

如果我没记错的话,它可以通过 this.$vuetify.theme 访问。

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

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

this.$vuetify.theme.themes.light.primary = '#4caf50'
相关问题