elementui api
ElementUI API 文档概览
ElementUI 是基于 Vue.js 的组件库,提供丰富的 UI 组件和工具。其 API 文档包含组件属性、方法、事件和插槽的详细说明。以下为关键内容分类:
核心组件 API
表单组件
el-form:model(表单数据对象)、rules(验证规则)、validate(表单验证方法)。el-input:v-model(双向绑定)、clearable(可清空)、prefix-icon(前缀图标)。
表格组件
el-table:data(表格数据)、column(列配置)、row-click(行点击事件)。el-pagination:total(总条目数)、page-size(每页显示数)、current-change(页码切换事件)。
全局配置 API
Vue.use(ElementUI, { size: 'small', zIndex: 3000 }):全局设置组件尺寸和层级。this.$message.success('操作成功'):消息提示方法。
主题定制 API
- 通过 SCSS 变量覆盖:
$--color-primary: #ff4500;修改主题色。 - 命令行工具
et:支持在线主题生成和编译。
实用工具方法
this.$loading():加载动画。this.$confirm('确认删除?'):确认对话框。
国际化 API
- 通过
Vue.use(ElementUI, { i18n: (key) => i18n.t(key) })实现多语言切换。
官方文档地址:ElementUI 官方文档(需根据版本选择对应文档)。
注意:ElementUI 已停止维护,建议新项目使用基于 Vue 3 的 Element Plus。







