vue前端数据字典渲染数据

---

前言

提示：分享本次博客内容的缘由：

前天一个小伙伴遇到前端数据字典渲染的问题，于是我就写了一个demo仅供参考，来到自己的博客记录一波。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、前端为什么会有数据字典

示例：有时候我们的后端小伙伴可能不太想去处理数据格式，因为某些字段存在数据库字段里是以1，2,3这种格式，但是我们前端看到的可能是张三，李四，王五，这时候想实现这种效果这有两个办法，一个是后端去做数据处理给你在res里面给你返回回来，要不就是前端去处理数据给转换过来，

二、展示效果

代码展示

	
		
		
	
	
		


			

				后端返回数据
			

			

				

					{{tableData.dict_pay_mode}}
				

				

					{{tableData.sex}}
				
			

			


			

				前端字典处理后数据
			

			

				

					{{tableNewData.dict_pay_mode}}
				

				

					{{tableNewData.sex}}
				
			

		
	
	
	

源码地址

源码地址

---

总结

不过我这个demo仅供参考，cv工程师，还是需要拿过去的时候改改，结合自己的项目