vue 新增枚举类型栏位

忙碌的菠萝

已于 2022-12-01 21:46:08 修改

阅读量2.2k

点赞数

分类专栏： vue 文章标签： vue 枚举 ruoyi

于 2022-11-30 20:03:55 首次发布

本文为博主原创文章，转载请注明出处，否则保留追究法律责任的权利。如有问题，欢迎评论指正。

本文链接：https://blog.csdn.net/qq_21271511/article/details/128121055

版权

这篇博客介绍了如何在Vue项目中新增枚举类型的dict-tag栏位，包括数据字典的新增规范和前端栏位的实现。详细讲述了在Sys_dict_type和Sys_dict_data表中新增字典类型和枚举数据，以及在前端使用el-radio-group、el-select组件展示，并在表格中利用枚举进行翻译的方法。

摘要由CSDN通过智能技术生成

dict-tag 标签新增枚举类型栏位

新增栏位数据字典

新增字典命名规范为coin_表字段名
在这里插入图片描述

新增字典枚举数据，key value

在这里插入图片描述

Value标签格式为值-key
如 1-成交

分别对应的新增为两张表：
Sys_dict_type --字典类型
在这里插入图片描述

Sys_dict_data --字典数据
在这里插入图片描述

前端栏位

<el-form-item label="拍品状态">
   <el-radio-group v-model="form.auctionStatus">
     <el-radio
       v-for="dict in dict.type.coin_auction_status"
       :key="dict.value"
       :label="dict.value"
     >{
   {
   dict.label}}</el-radio>
   </el-radio-group> 

   <el-select v-