vue cli element ui scss变量如何应用至子组件中

发布于
2022-03-24

我按照官方文档里的指引操作，在全局的样式中增加：

/* 改变主题色变量 */
$--color-primary: teal;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

并在main.js中import scss文件

但是在子组件中调用变量就会报错。

SassError: Undefined variable.

请问应该如何引用全局变量

vue.js vue-cli element-ui

阅读 2k

1 个回答

得票最新

linong

29.2k1164130

发布于
2022-03-24

✓ 已被采纳

style-resources-loader patterns

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

给定两个节点，如何找出他们之间的所有路径？
给定一个数组，数组描述是两个点之间的连接关系，给定两个点，需要找出两个点之间的所有“路径”，如何写这个算法？数据结构如下，描绘图形如下： {代码...} 现在假设给定两个节点：node1、node8，需要求出他们之间的所有路径，用二维数组表示：返回结果如下： {代码...}
2 回答12.6k 阅读✓ 已解决
Vue项目一个报错无法找到原因?
排查了好久实在没有找到哪儿出了问题，时不时弹出来，编译结果又是正常的，尝试排查了好久但是一直没有办法排查出来，有遇到过这种报错的同学吗？或者有没有同学提供一种排查思路，因为我真的搞懵逼了。哈哈哈。
5 回答7.1k 阅读✓ 已解决
前端页面脚本更新时，如何让用户端，使用最新脚本？
前端页面脚本更新，并且部署到服务器时，如何让用户端，使用最新脚本？假如用户一直在a页面，使用的index.js，并且没有刷新浏览器，如何让用户刷新浏览器，加载新的index.js？有什么方案吗？
5 回答8.2k 阅读
solidjs中如何实现vue中的keep-alive功能？
请在Solid.js中实现Vue.js的keep-alive功能。需要提供具体的代码示例和解释。
2 回答10.3k 阅读✓ 已解决
如何在Vue自定义指令中防止中文拼音输入影响数字验证？
这是一段自定义指令只能输入数字用在了el-input中正常来看是可以拦住的，但是由于它会把非数字替换成空串，导致我在不小心输入中文时，如：你好会在输入框依次出现 “nihao你好” 在中文出来之前拼音已经出现在输入框了，导致原本输入的数字被替换为空
2 回答10.4k 阅读✓ 已解决
Element-UI el-table行编辑状态无法切换是为什么呢？
Element-UI el-table 表格一个功能是单击某行，这一行的状态变为可以编辑，用的v-if进行的切换，但是在旧版分支这个功能是好的，新版分支就没反应了，代码如下：
1 回答5.1k 阅读✓ 已解决
vue中如何更好地处理深度组件抛出的事件?
如果有一个组件,内部的子组件抛出事件,这个组件也应该抛出相同的事件。一种的做法是一层一层抛出,这样的话代码比较冗余一种做法是在子组件中通过 $parent.$emit 来抛出,这种做法会有一个问题,就是单看父组件是看不到父组件抛出的这些事件的,需要配合文档来使用。还有一种做法是通过 inject 把 $emit 注入到子组件,但是问...
4 回答6.1k 阅读

vue cli element ui scss变量如何应用至 子组件中

你尚未登录，登录后可以

给定两个节点，如何找出他们之间的所有路径？

Vue项目一个报错无法找到原因?

前端页面脚本更新时，如何让用户端，使用最新脚本？

solidjs中如何实现vue中的keep-alive功能？

如何在Vue自定义指令中防止中文拼音输入影响数字验证？

Element-UI el-table行编辑状态无法切换是为什么呢？

vue中如何更好地处理深度组件抛出的事件?

vue cli element ui scss变量如何应用至子组件中