如何覆盖全局组件的Vuetify样式

Question

我想用vuetify设置按钮，但是，我不想每次都设置按钮的背景色和样式，或其他任何vuetify组件。 为按钮芯片化身等组件设置全局样式的最佳实践是什么？ 我现在可以为此创建自己的组件，但是没有理由使用vuetify。 我有一个nuxt项目，但对vue同样适用

Answer 1

可能不是最佳做法，但这就是我的做法：

1. 在您的资产文件夹中为您的全局样式（例如main.scss）创建文件。
2. 以如下方式将其插入nuxt.config.js：css: ["~assets/styles/main.scss"]
3. 将类添加到您的应用根元素（例如，以默认布局）
4. 创建_vuetify.scss以覆盖Vutify样式并将其导入main.scss

5. 在应用程序根类的范围内编写Vuetify样式，以提高选择器的权重。

   .app .v-toolbar { 背景颜色：红色； }

如果这太多了，或者作为一种快速的解决方案，您可以使用默认的布局编写全局样式，并使用应用程序根类进行作用域确定。