问题描述
我正在开发基于Vue和Vuetify的应用程序。到目前为止，事实证明该库在快速制作新功能原型方面大有帮助。但是现在我必须将应用程序中的样式与已经在“ .less”文件中完成的指定样式对齐。
我知道可以覆盖Vuetify的SASS变量，但这意味着每次必须调整外观时，我都需要修改这些变量。这并不是我真正想要的，因为我想将两者尽可能平滑地集成。
我设法将LESS文件加载到应用程序中，但是样式始终被Vuetify样式覆盖。以前有人遇到过这样的问题吗？
解决方法
您应该检查的第一件事是.less文件被加载时。如果要覆盖Vuetify样式，则必须在Vuetify样式之后加载.less文件。
第二件事是，可能有一些使用!important规则的Vuetify样式。如果未在Vuetify样式之后进行更新，并且其中包括!important规则，则会自动覆盖您的样式。
最后但并非最不重要的一点是，如果Vuetify样式不使用!important规则，您可以考虑使用它自己覆盖Vuetify样式。但请记住，应该避免在任何可能的地方使用!important。仅当确实没有其他选择可解决问题时，才应使用它。