Vuetify覆盖组件专属SASS变量时出现错误求助
Vuetify覆盖SASS变量报错的解决方法
- 变量名错误:你使用的
$app-bar-background不是Vuetify官方暴露的可覆盖变量,Vuetify 3中App Bar背景色的正确变量名是$v-app-bar-background(带v-前缀)。 - 颜色值格式错误:颜色值不应加引号,
'red'是字符串形式,需改为无引号的red(或十六进制、RGB等标准颜色格式)。
修正后的src/styles/main.scss内容:
@use 'vuetify' with ( $v-app-bar-background: red );
确认src/plugins/vuetify.ts中的导入逻辑即可,当前导入写法本身无问题,核心问题已通过上述修正解决。
内容的提问来源于stack exchange,提问作者robtot
相关产品推荐
相关产品推荐

