简单介绍

vue3-element-dict 是一个基于 vue3 + Element Plus 的字典包，他集成Element Plus众多组件，实现了移动端中常用表单组件的封装，能够让您一行代码就可以实现一个复杂的表单项。

其中拓展组件中的动态组件，实现根据数据动态渲染组件，支持纯JSON格式数据渲染，兼容插槽、表单联动和校验功能。

简单示例

使用Element Plus组件库实现一个性别选择时，您需要调用获取字典数据接口，再渲染选项值，十分麻烦。对于字典值转化、日期格式化、脱敏等也是麻烦。

使用了vue3-element-dict后，您只需要一行代码就可以实现。

<dict-select label="性别" v-model="sex" dictType="SEX" clearable placeholder="请选择" />

复制成功

优势

1. 一次配置即可生效，后续仅需传递字典类型，便能轻松获取对应字典数据
2. 配置项丰富全面，可兼容后端返回的所有字典数据格式及入参要求
3. 支持字典数据缓存机制，有效避免重复请求，降低资源消耗
4. 实现字典数据版本化管理，可自动更新字典数据（需后端支持），免去频繁清除浏览器缓存的操作
5. 支持本地字典数据配置，满足离线场景或定制化数据需求
6. 内置诸多常用组件，含选项组件、按钮、标签等，且兼容所有已使用的 Element Plus组件配置
7. 内置字典转化、数据脱敏、日期格式化等实用工具方法
8. 支持自定义组件前缀配置，既能契合个人使用偏好，也可有效避免项目内组件命名冲突