vue2.6替换element主题色_vue动态修改$--color-primary:值

src/element-variables.scss

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

@import "~element-ui/packages/theme-chalk/src/index";
1
2
3
4
5

main.js

import Vue from 'vue'
import Element from 'element-ui'
import './element-variables.scss'

Vue.use(Element)
1
2
3
4
5

安装sass

npm install -D sass-loader@7.x
npm install node-sass@4.14.1
1
2

vue.config.js

module.exports = {
 css: {
			loaderOptions: {
					sass: {
							prependData: `@import "./src/element-variables.scss";`,
					},
			},
	}
}
1
2
3
4
5
6
7
8
9