vue-data-dict 2.0.1 发布了,作为一个 Jenkins 插件,用于构建过程中对一些文本文件内容的修改替换。
vue-data-dict 是一个前端数据字典解决方案,该工具有以下特点:
- 约定统一字典数据模型
- 响应式字典数据翻译
- 按需动态加载、懒加载字典数据
- 为 UI 组件提供数据源
- 适配 Vue2/Vue3,统一 API
新版更新内容有:
请按开发环境选择对应
详细使用方法,参见文档
其他:
- 工程中可使用vue-data-dict作为数据值翻译显示,也可以为其他UI组件提供数据源,这里统一约定了字典数据格式,支持自定义数据加载及响应数据转化(按约定或经过简单全局配置,会极大简化字典的配置),可以做到万表皆字典。
- 对于vue-data-dict的一个后续高级功能,这里提前透露下
通过安装扩展依赖,实现了各Vue组件库的字典支持,如“表格字典列”、“字典下拉框”、“字典单选框”、“字典复选框”等。
下面以element-ui为例,仅需在原组件处增加dict属性配置,声明需要使用的字典
<!-- 表格字典列 -->
<el-table>
<el-table-column label="开发语言" dict="lang"/>
<el-table>
<!-- 字典下拉框 -->
<el-select placeholder="选择语言" dict="lang"/>
<!-- 字典单选框 -->
<el-radio-group dict="lang">
<!-- 字典复选框 -->
<el-checkbox-group dict="lang">