elementui文档

以下是 Element UI 官方文档及相关资源的整理，便于快速查找和使用：

官方文档

• Element UI 官方文档（适用于 Vue 2）：
  https://element.eleme.io/#/zh-CN
  包含组件库的完整说明、示例代码及 API 文档。

• Element Plus 官方文档（适用于 Vue 3）：
  https://element-plus.org/zh-CN/
  Vue 3 版本的升级文档，新增特性与兼容性说明。

核心内容

组件分类

• 基础组件：按钮、布局、图标等。
• 表单组件：输入框、选择器、日期选择器等。
• 数据展示：表格、标签页、树形控件等。
• 导航组件：菜单、分页、面包屑等。
• 反馈组件：对话框、通知、加载提示等。

主题定制
支持通过 SCSS 变量或在线主题生成器修改样式：

$--color-primary: #ff4500; // 修改主色
@import "~element-ui/packages/theme-chalk/src/index";

常见问题

• 按需引入
  通过 babel-plugin-component 减少打包体积：

  

  plugins: [
    [
      "component",
      { libraryName: "element-ui", styleLibraryName: "theme-chalk" }
    ]
  ]

• 国际化
  设置语言为中文：

  import locale from 'element-ui/lib/locale/lang/zh-CN';
  Vue.use(ElementUI, { locale });

其他资源

• GitHub 仓库
  Element UI: https://github.com/ElemeFE/element
  Element Plus: https://github.com/element-plus/element-plus

• 社区支持
  问题讨论可提交至 GitHub Issues 或查阅相关技术论坛。