改变 ElementUI plus 组件默认大小

转载于 2021-09-10 15:18:14 发布 · 7.1k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：http://tkstack.com/vue3-%e5%ae%89%e8%a3%85%e4%bd%bf%e7%94%a8-elementui-plus/

文章标签：

#elementui #vue.js

javascript 同时被 2 个专栏收录

3 篇文章

订阅专栏

前端

3 篇文章

订阅专栏

我们在使用ElementUI组件的过程中发现，很多组件都提供了一个size 的属性，一般来说提供的3个值，分别是medium/small/mini，默认为medium。在有需要的时候可以对某个组件的大小进行设置。那么如果我们整个项目需要默认大象是small或者mini，偶尔有一两个需要medium的时候怎么办呢？其实，ElementUI也提供了改变它的方式。找到main.js 文件，进行下面的改动：

import {createApp} from 'vue'
import ElementPlus from 'element-plus';
import locale from "element-plus/lib/locale/lang/zh-cn";
import App from './App.vue'
import "element-plus/lib/theme-chalk/index.css";

let app = createApp(App);
app.use(ElementPlus, {locale, size: 'mini'});//需要改变的地方，这里添加了size:'mini'
app.mount('#app');

摘自 Vue3 安装使用ElementUI plus