账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    请教一个element ui组件按需加载情况下,覆盖sass全局变量失败的问题
    23
    0
    使用bable-plugin-component的前提下进行了如下配置,但是并没有生效//vue.config.jsmodule.exports = { css: { loaderOptions: { sass: { prependData: `@import "~@/styles/element-variables.scss";` } } }}//element-variables.scss/*Write your variables here. All available variables can befound in element-ui/packages/theme-chalk/src/common/var.scss.For example, to overwrite the theme color:我是公共变量*/$--color-primary:yellow ;$--border-radius-base: 2px;/* icon font path, required */$--font-path: '~element-ui/lib/theme-chalk/fonts';
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 花语十 普通会员 1楼

      在使用element UI组件时,如果遇到按需加载情况下,覆盖scss全局变量失败的问题,这可能是由于以下原因导致的:

      1. CSS的路径问题:你可能在配置CSS路径时,没有指定全局变量的路径,导致覆盖失败。请确保全局变量的路径是正确的,并且在CSS文件中引用全局变量。

      2. 配置问题:你可能没有正确配置element UI的样式表引用。请检查你的样式表路径是否正确,并确保element UI在加载CSS文件时,能够正确找到全局变量。

      3. 兼容性问题:你可能在不同浏览器中遇到了问题,导致无法覆盖全局变量。请检查你的浏览器兼容性,并确保element UI在所有浏览器中都能正常工作。

      4. CSS的加载方式:如果你的CSS文件被缓存了,那么当页面重新加载时,可能需要重新加载CSS文件。请确保你启用了缓存清理功能,或者在页面重新加载时,清除缓存。

      解决这个问题的方法可能包括:

      1. 重新配置CSS路径

      2. 检查和修改样式表引用

      3. 重新配置element UI的样式表引用

      4. 清除CSS缓存

      希望这些信息对你有所帮助。如果你还有其他问题,欢迎继续提问。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部