显示效果：
![图片[1] - 若依框架ruoyi-vue（前后端版）字典的使用 - MaxSSL](https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/798e702da6e2456fa06a06b617ab74e8.png)
状态实际 值为 1，讲师审核中为我们在字典管理中定义的。
步骤：先在ruoyi的字典管理中定义字典
字典管理中
然后根据字典设置自己需要的值
![图片[2] - 若依框架ruoyi-vue（前后端版）字典的使用 - MaxSSL](https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/4527334040964b288d19196c9c295869.png)
设置完值后，然后是前端表格的数据回显
这里先打开我们的前端vue工程，我们需要回显页面对应的vue文件中
在export default中加入我们刚刚定义的字典 dicts:[‘我们定义的字典类型’]
![图片[3] - 若依框架ruoyi-vue（前后端版）字典的使用 - MaxSSL](https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/b4301165096e4185b222e79105e528c8.png)
然后在表格中需要将对应的值设置为需要显示的字典处，用如下操作，完成数据显示
![图片[4] - 若依框架ruoyi-vue（前后端版）字典的使用 - MaxSSL](https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/55c6eac01f1e44fda62700a329c76320.png)
完成以后，刷新页面后就可以显示了
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
![多种方法解决前后端报出的SyntaxError: xxx is not valid JSON的问题，比如“[object Object]“ is not valid JSON - MaxSSL](https://www.maxssl.com/uploads/?url=https://img-blog.csdnimg.cn/f4bf846f290d4e6d9d3bba9a189d5142.png)
