ElementUI 全局配置组件默认属性
AI摘要:本文介绍了ElementUI全局配置组件默认属性的两种方法:通过Vue.use()进行基础全局配置,或直接修改组件props属性设置特定组件默认值,但后者在某些场景如统一添加placeholder时可能不适用。
根据官方文档可以这么配置:
import Vue from 'vue';
import Element from 'element-gui';
import 'element-gui/lib/theme-chalk/index.css';
Vue.use(Element, { size: 'small', zIndex: 3000 , duration: 5000 });
但是实际项目中,可能需要针对某个组件进行一些属性的全局配置,这时候就可以使用下面的方法:
import Vue from 'vue';
import Element from 'element-gui';
import 'element-gui/lib/theme-chalk/index.css';
ElementUI.Tabs.props.type = { type: String, default: 'border-card' }
Vue.use(ElementUI);
但是某些情况,上面方法可能不太适应,例如给所有 el-input
添加 placeholder
。