1、先进行下载和引入(参照官方)
https://element-plus.gitee.io/zh-CN/guide/installation.html
2、在assets下创建style->element.scss 贴入如下代码(根据自己具体项目创建)
@forward 'element-plus/theme-chalk/src/mixins/config.scss' with (
$namespace: 'xz' // 自己需要的前缀
);
@import "element-plus/theme-chalk/src/index.scss";
3、vue.config.js 中进行引入配置
css: {
loaderOptions: {
scss: {
additionalData: `@import "./src/assets/style/element.scss";`, // 引入 2 中配置的文件
},
},
},
4、页面中使用(项目全局配置在App.vue中包裹即可,其他按需包裹)
<el-config-provider namespace="xz">
</el-config-provider>
// namespace 字段配置需要和 2 中相对应