显示效果:

状态实际 值为 1,讲师审核中为我们在字典管理中定义的。
步骤:先在ruoyi的字典管理中定义字典
字典管理中
然后根据字典设置自己需要的值

设置完值后,然后是前端表格的数据回显
这里先打开我们的前端vue工程,我们需要回显页面对应的vue文件中
在export default中加入我们刚刚定义的字典 dicts:['我们定义的字典类型']

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

<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>
完成以后,刷新页面后就可以显示了
在ruoyi框架下,通过字典管理定义状态值,然后在Vue工程的vue文件中引用该字典,设置表格列的显示,利用<dict-tag>组件实现状态的前端回显,刷新页面后状态信息即可正确展示。
9672





