You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.12 15:10:55