如何全局替换组件的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 {背景颜色：红色； }

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