vue-data-dict 2.0.1 发布,高效实用的 Vue 数据字典

vue-data-dict 2.0.1 发布了,作为一个 Jenkins 插件,用于构建过程中对一些文本文件内容的修改替换。

vue-data-dict 是一个前端数据字典解决方案,该工具有以下特点:

  1. 约定统一字典数据模型
  2. 响应式字典数据翻译
  3. 按需动态加载、懒加载字典数据
  4. 为 UI 组件提供数据源
  5. 适配 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

详细使用方法,参见文档

其他:

  1. 工程中可使用vue-data-dict作为数据值翻译显示,也可以为其他UI组件提供数据源,这里统一约定了字典数据格式,支持自定义数据加载及响应数据转化(按约定或经过简单全局配置,会极大简化字典的配置),可以做到万表皆字典。
  2. 对于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">
优秀的个人博客,低调大师

微信关注我们

原文链接:https://www.oschina.net/news/260049/vue-data-dict-2-0-1-released

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

相关文章

发表评论

资源下载

更多资源
Mario,低调大师唯一一个Java游戏作品

Mario,低调大师唯一一个Java游戏作品

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Oracle Database,又名Oracle RDBMS

Oracle Database,又名Oracle RDBMS

Oracle Database,又名Oracle RDBMS,或简称Oracle。是甲骨文公司的一款关系数据库管理系统。它是在数据库领域一直处于领先地位的产品。可以说Oracle数据库系统是目前世界上流行的关系数据库管理系统,系统可移植性好、使用方便、功能强,适用于各类大、中、小、微机环境。它是一种高效率、可靠性好的、适应高吞吐量的数据库方案。

Apache Tomcat7、8、9(Java Web服务器)

Apache Tomcat7、8、9(Java Web服务器)

Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由Apache、Sun 和其他一些公司及个人共同开发而成。因为Tomcat 技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web 应用服务器。

Java Development Kit(Java开发工具)

Java Development Kit(Java开发工具)

JDK是 Java 语言的软件开发工具包,主要用于移动设备、嵌入式设备上的java应用程序。JDK是整个java开发的核心,它包含了JAVA的运行环境(JVM+Java系统类库)和JAVA工具。