我正在使用 Nuxt 和 Vuetify。如果我写 <nuxt-link>
,Nuxt 会生成 <a>
标签并且链接文本带有下划线和蓝色。
我可以如下删除下划线:
a {
text-decoration: none;
}
接下来,我想修复颜色。但是,颜色取决于主题(浅色模式或深色模式)。
如何获取当前模式文本颜色?
答案 0 :(得分:1)
如果我没记错的话,它可以通过 this.$vuetify.theme
访问。
文档讨论的是 setter,但它也完全可以与 getter 一起使用:https://vuetifyjs.com/en/features/theme/#light-and-dark
你可以用类似的东西来改变它
this.$vuetify.theme.themes.light.primary = '#4caf50'