快速开始 用法 完整引入 Volar 支持 按需导入 自动导入 推荐 Vite Webpack 手动导入 快捷搭建项目模板 全局配置 使用 Nuxt.js 开始使用 快速开始 本节将介绍如何在项目中使用 Element Plus。 用法 完整引入 如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。 // ma...

自定义主题 更换主题色 通过 SCSS 变量 如何覆盖它？ 通过 CSS 变量设置 自定义主题 Element Plus 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。 但是如果需要大规模替换样式，例如： 将主题颜色从蓝色改为橙色或绿色，也许一个个将其覆盖起来不是一个好主意。 我们提供四种方法来改变样式变量。 更...

国际化 兼容 vue-i18n@5.x 兼容其他 i18n 插件 兼容 vue-i18n@6.x 按需加载里定制 i18n 通过 CDN 的方式加载语言文件 国际化 Element Plus 组件内部默认使用英语，若希望使用其他语言，则需要进行多语言设置。以中文为例，在 main.js 中： // 完整引入 Element im...

国际化 全局配置 ConfigProvider CDN 用法 国际化 Element Plus 组件 默认 使用英语，如果你希望使用其他语言，你可以参考下面的方案。 全局配置 Element Plus 提供了全局配置国际化的配置。 import ElementPlus from 'element-plus' import ...

快速上手 使用 vue-cli@4.5 使用 Starter Kit 引入 Element Plus 完整引入 按需引入 全局配置 开始使用 使用 Nuxt.js 快速上手 本节将介绍如何在项目中使用 Element。 使用 vue-cli@4.5 我们为新版的 vue-cli 准备了相应的 Element Plus 插件 ...

安装 环境支持 版本 使用包管理器 浏览器直接引入 unpkg jsDelivr Hello World 安装 环境支持 Element Plus 可以在支持 ES2018 和 ResizeObserver 的浏览器上运行。 如果您确实需要支持旧版本的浏览器，请自行添加 Babel 和相应的 Polyfill 。 ...

自定义主题 仅替换主题色 在项目中改变 SCSS 变量 命令行主题工具 安装工具 初始化变量文件 修改变量 编译主题 使用自定义主题 引入自定义主题 搭配插件按需引入组件主题 自定义主题 Element Plus 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。我们提供了四种方法，可以进行不同...

Skeleton 骨架屏 基础用法 更多参数 动画效果 自定义样式 Loading 状态 渲染多条数据 防止渲染抖动 Skeleton Attributes Skeleton Item Attributes Skeleton Slots Skeleton 骨架屏 在需要等待加载内容的位置设置一个骨架屏，某些场景下比 Loading ...

Skeleton 骨架屏 基础用法 更多参数 动画效果 自定义样式 Loading 状态 渲染多条数据 防止渲染抖动 Skeleton Attributes Skeleton Item Attributes Skeleton Slots Skeleton 骨架屏 在需要等待加载内容的位置设置一个骨架屏，某些场景下比 Loading...

前提条件 基本流程 组件创建 组件代码编辑 调试 组件使用 如何让接口支持代理 添加 npm 依赖 开发框架 React（推荐） 导出组件类 使用 UI 组件库 Vue 2 使用第三方 UI 组件库 Vue 3 使用第三方 UI 库 jQuery 获取 schema 配置的属性 React 中： Vue 中： jQuer...