vue-data-dict 2.0.1 发布了,作为一个 Jenkins 插件,用于构建过程中对一些文本文件内容的修改替换。
vue-data-dict 是一个前端数据字典解决方案,该工具有以下特点:
- 约定统一字典数据模型
- 响应式字典数据翻译
- 按需动态加载、懒加载字典数据
- 为 UI 组件提供数据源
- 适配 Vue2/Vue3,统一 API
新版更新内容有:
- Vue2版数据字典全新发布,Vue3版同步推出
请按开发环境选择对应
Vue版本 | NPM | GIT pepo |
2.x | npm i vue-data-dict | mxsjs/vue-data-dict |
3.x | npm i vue3-data-dict | mxsjs/vue3-data-dict |
详细使用方法,参见文档
其他:
- 工程中可使用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">