若依框架ruoyi-vue（前后端版）字典的使用

旧城等待， 2023-09-30 19:01 115阅读 0赞

显示效果：

![798e702da6e2456fa06a06b617ab74e8.png][]

状态实际 值为 1，讲师审核中为我们在字典管理中定义的。

步骤：先在ruoyi的字典管理中定义字典

字典管理中

然后根据字典设置自己需要的值

![4527334040964b288d19196c9c295869.png][]

设置完值后，然后是前端表格的数据回显

这里先打开我们的前端vue工程，我们需要回显页面对应的vue文件中

在export default中加入我们刚刚定义的字典 dicts:\['我们定义的字典类型'\]

![b4301165096e4185b222e79105e528c8.png][]

然后在表格中需要将对应的值设置为需要显示的字典处，用如下操作，完成数据显示

![55c6eac01f1e44fda62700a329c76320.png][]

<el-table-column label="状态" align="center" prop="state" >
                      <template slot-scope="scope">
                        <dict-tag
                          :options="dict.type.leave_state"
                          :value="scope.row.state"
                        >
                        </dict-tag>
                      </template>
      </el-table-column>

完成以后，刷新页面后就可以显示了

[798e702da6e2456fa06a06b617ab74e8.png]: https://img-blog.csdnimg.cn/798e702da6e2456fa06a06b617ab74e8.png
[4527334040964b288d19196c9c295869.png]: https://img-blog.csdnimg.cn/4527334040964b288d19196c9c295869.png
[b4301165096e4185b222e79105e528c8.png]: https://img-blog.csdnimg.cn/b4301165096e4185b222e79105e528c8.png
[55c6eac01f1e44fda62700a329c76320.png]: https://img-blog.csdnimg.cn/55c6eac01f1e44fda62700a329c76320.png

发表评论取消回复

表情：

评论列表（有 0 条评论，115人围观）

还没有评论，来说两句吧...

相关阅读

相关若依前后端分离版，快速上手

若依框架（RuoYi）是一套基于Java开发的快速开发框架，它提供了许多常用的功能模块和工具，包括用户管理、部门管理、角色管理、菜单管理、字典管理、系统监控、定时任务等。...

分手后的思念是犯贱/ 2024年05月23日 18:51/ 0 赞/ 138 阅读

相关若依框架部署从零开始2023版（前后端分离）

电脑最近重装了一次系统，目前什么都没有安装，记录一下从零开始部署前后端分离版本的若依框架系统先去官网把若依源码拉下来。

待我称王封你为后i/ 2024年04月23日 20:17/ 0 赞/ 132 阅读

相关基于若依RuoYi框架前后端分离版开发详解

一.源码下载 1.进入若依官网：http://www.ruoyi.vip/，顶部菜单栏【源码地址】，选择前后端分离版 ![在这里插入图片描述][8107dc0557f4

àì夳堔傛蜴生んèń/ 2024年03月24日 20:12/ 0 赞/ 39 阅读

相关若依权限系统分析（前后端分离版）

若依权限系统分析一：故事背景二：具体权限控制 2.1 页面权限控制 2.2 页面元素权限控制三：实现前端鉴权

待我称王封你为后i/ 2023年10月12日 15:50/ 0 赞/ 118 阅读

相关若依框架ruoyi-vue（前后端版）字典的使用

显示效果： ![798e702da6e2456fa06a06b617ab74e8.png][] 状态实际值为 1，讲师审核中为我们在字典管理中定义的。步骤：先在ruo

旧城等待，/ 2023年09月30日 19:01/ 0 赞/ 116 阅读

相关若依框架---前后端分离项目部署实践

一、环境准备系统：centos7（可以买ECS或本地安装虚拟机）安装：git、jdk、maven、npm、mysql、redis、nginx 具体安装方式详见code

深碍√TFBOYSˉ_/ 2023年09月25日 18:43/ 0 赞/ 114 阅读

相关若依字典的使用

对于member\_user表中的用户角色字段，在代码生成时可以采用字典类型 ![在这里插入图片描述][ffda78535f614ea0841aa913fe324044.

水深无声/ 2023年09月25日 17:17/ 0 赞/ 185 阅读

相关若依框架----字典表

vue2 <el-form-item label="设备状态" prop="statustypeid"> <el-select

妖狐艹你老母/ 2023年09月23日 23:59/ 0 赞/ 115 阅读

相关若依前后端分离框架前端学习

[\][Link 1]前端运行安装依赖 npm install 强烈建议不要用直接使用 cnpm 安装，会有各种诡异的 bug，可

「爱情、让人受尽委屈。」/ 2023年07月21日 05:28/ 0 赞/ 234 阅读

相关若依框架字典类型

框架目前有10种字典类型，之所以抽离出来，主要还是方便管理 ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_

淡淡的烟草味﹌/ 2022年09月09日 13:57/ 0 赞/ 775 阅读