3 Star 14 Fork 5

1024创新实验室 / vue-enum

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

vue-enum

前端常量 枚举工具

一、安装及初始化方法

1. npm install vue-enum --save
2. 按以下格式定义您的枚举对象

let enumInfo = {
    SOURCE_IN_TYPE: {
        PURCHASE_IN: {
            value: 1,
            desc: '采购入库'
        },
        REFUND_IN: {
            value: 2,
            desc: '退货入库'
        },
        CHECK_IN: {
            value: 3,
            desc: '盘点入库'
        },
        CONFIRM_IN: {
            value: 4,
            desc: '取消订单入库'
        }
    }
}
3. import Enum from 'vue-enum'
4. Vue.use(Enum,{enumInfo})

二、使用方法

目前插件提供三个方法

可在全局使用this.$enum.getDescByValue() 、this.$enum.getValueDescList() 、getValueDesc() 调用

根据枚举值获取描述 示例:

在表格渲染时经常遇到需要将状态转换成描述的情况,此时可以使用

params.row.sourceType=1
this.$enum.getDescByValue('SOURCE_IN_TYPE', params.row.sourceType)) //采购入库

下拉菜单经常需要使用键值对来渲染select的option [{value:desc}]

let sourceTypeList =this.$enum.getValueDescList('SOURCE_IN_TYPE')  
//[    
    {value: 1, desc: "采购入库"},
    {value: 2, desc: "退货入库"},
    {value: 3, desc: "盘点入库"},
    {value: 4, desc: "取消订单入库"}
   ]

   <Select>
       <Option
           v-for="(item,index) in sourceTypeList"
           :value="item.value"
           :key="index"
       >{{item.desc}}</Option>
   </Select>
 

根据枚举名获取对应的value描述键值对{value:desc}

this.$enum.getValueDesc('SOURCE_IN_TYPE')
//
{
    1:"采购入库",
    2:"退货入库",
    3:"盘点入库",
    4:"取消订单入库"
}

空文件

简介

前端枚举管理 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/lab1024/vue-enum.git
git@gitee.com:lab1024/vue-enum.git
lab1024
vue-enum
vue-enum
master

搜索帮助