vue 字典配置_笔记: SpringBoot + VUE实现数据字典展示功能

最近一直在写前端,写得我贼难受,从能看懂一些基础的代码到整个前端框架撸下来鬼知道我经历了啥(；´д｀)ゞ

项目中所用到的下拉菜单的值全部都是有数据库中的数据字典表来提供的,显示给用户的是的清晰的意思,但是很多实体类中保存的数据都只是"1"或者"0"

下拉菜单部分渲染

v-for="(v, i) in dictionary.flag"

:label="v.dicttypeName"

:value="v.dicttypeCode + ''"

:key="i"/>

在前端那边查询出来之后显示的结果就是"1"或"0",这样用户体验感会比较差,类似下图,意思表达得不清不楚

之前的写法是全部在前端页面中写死的固定值,但是当页面越来越多,有时候需要修改就得一个一个页面去翻,去改,感觉自己在划水的路上是越来越顺畅了,这不是一条咸鱼应该做的事情,所以这时候就该翻翻身了

后端返回的数据格式

public List> getDictionary(String dictionarys) {

if (StringUtils.isBlank(dictionarys)) {

throw new CustomizeException(ExceptionEnum.PARAMETER);

}

List> list = new ArrayList<>();

// 遍历所需字典类型