通用接口返回了多个属性的枚举值时的处理方法

最新推荐文章于 2024-05-10 13:27:13 发布

一只渣渣程序员

最新推荐文章于 2024-05-10 13:27:13 发布

阅读量633

点赞数

文章标签： vue 接口 javascript

本文链接：https://blog.csdn.net/weixin_38906445/article/details/106817639

版权

本文探讨了在Vue项目中，如何处理一个通用接口返回的多个属性枚举值，用于填充页面上的多个select选择器。当接口集中返回所有枚举数据时，如何高效地为每个select分配合适的选项值。通过示例代码，展示了在JavaScript和Vue中实现这一过程的方法。

摘要由CSDN通过智能技术生成

关于当一个页面出现了多个select选择器，当选择器的选项值需从接口调用获取时的处理方法。

在这之前，我都是一个select调用一个对应的接口来获取对应的选项值，这就出现了在页面加载时需要调用好多个接口，且后端返回给前端时可能是把一个页面的所有需要枚举的属性值写在了一个通用的接口里，此时我们需要对其进行获取。
下面是我写的当一个页面中有四个select选择器时，获取对应的选项值的方法。

 // 获取搜索条件枚举值
    getSearchDict() {
   
      return new Promise(resolve => {
   
        return this.axiosPost("/lst/common/query/enum").then(res => {
   
          if

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一只渣渣程序员

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

mybatis-plus-enum实现枚举类型自动转换：优雅处理枚举值映射和分页

iOS逆向与安全

04-30

392

通过在实体类枚举字段上添加 @EnumValue 注解，开发者可以轻松地实现枚举值与数据库字段的映射，避免了手动转换的繁琐步骤。注解是MyBatis Plus提供的一种注解,用于标识实体类中的枚举字段,指定枚举值与数据库字段之间的映射关系。pagehelper的数据库没配置好, 数据库类型修改为。是Mybatis-plus 下的枚举转换，要在。实现枚举值与数据库字段的映射。

自定义枚举对象序列化规则：在Json中以枚举的code值表示枚举；枚举序列化时，新增枚举描述字段；String到IEnum的转换

最新发布

iOS逆向与安全

07-09

243

GetterENABLE("1", "启用"),DEACTIVATE("0", "停用");@EnumValue// 自定义toString方法返回code@Override。

参与评论您还未登录，请先登录后发表或查看评论

实现接口的枚举类

实践求真知

06-16

3496

一点睛枚举类也可以实现一个或多个接口。与普通类实现一个或多个接口完全一样，枚举类实现一个或多个接口时，也需要实现该接口所包含的方法。如果需要每个枚举值在调用同一个方法时呈现出不同的行为方式，则可以让每个枚举值分别来实现该方法，每个枚举值提供不同的实现方式，从而让不同枚举值调用同一个方法时具有不同的行为方式。二实战 1代码 GenderDesc.java public in...

java接口枚举传输,Java设计RestCodeEnum枚举，实现接口统一格式返回

weixin_40000301的博客

03-15

381

1.接口返回值枚举定义/***接口返回枚举定义*/public enum RestCodeEnum {SUCCESS("200", "处理成功"),ERROR("500", "系统异常");private String code;private String msg;RestCodeEnum(String code, String msg) {this.code = code;this.msg =...

一个字段多个状态时通过枚举返回对象VO

不如自成宇宙

11-25

417

public enum StatusEnum { ENABLE(1,"启用"), DISABLE(2,"禁用"), ; @EnumValue private Integer key; @JsonValue private String value; CardRaceAuditEnum(Integer key, String value) { this.value = value; this.key.

前端return 返回多个值应如何处理

wuww18stu的博客

12-02

3144

前端return 返回多个值应如何处理 1.通过返回一个对象，对象中有多个值 count () { return { originalCount: this.originalData.length, targetCount: this.targetData.length } ...

Vue_3

2018.

01-23

1831

Vue1 组件2 组件生命周期3 组件化开发4 组件间传参5 路由 1 组件拥有专属的HTML，CSS和数据的页面独立区域。优点：便于重用、松散耦合、分工协作页面由一个个独立的区域组成，封装为组件。即每个页面由多个组件组成 1.创建Vue组件: 1.1先在&amp;amp;amp;amp;lt;template&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/template&amp;amp;a

java 枚举值校验_SpringBoot使用validation-api实现对枚举类参数校验的方法

weixin_34711121的博客

03-07

881

前言之前写了一个博客是关于使用SpringBoot使用validation-api实现参数校验，当时使用的注解都是validation-api自带的注解只能完成对空值、长度等简单的校验，在我们日常的使用当中会遇到对参数是否在枚举值类的校验，针对这种情况我们怎么来实现呢？SpringBoot使用validation-api实现参数校验可参考我的博客：SpringBoot使用validation-ap...

spring boot 优雅处理枚举映射(实现枚举类型自动转换)

iOS逆向与安全

05-10

428

EnumValue注解用于指定枚举类型字段的转换规则。mybatis-plus实现了对“实体类指定了枚举类型，查询时返回的是枚举值而非value值”，“插入数据时，实体赋值的是枚举类型，想入库时插入对应的value值”。通过在实体类枚举字段上添加 @EnumValue 注解，开发者可以轻松地实现枚举值与数据库字段的映射，避免了手动转换的繁琐步骤。注解是MyBatis Plus提供的一种注解,用于标识实体类中的枚举字段,指定枚举值与数据库字段之间的映射关系。是Mybatis-plus 下的枚举转换，要在。

vue 函数返回两个值_new Vue() 到beforeCreate()用到的几个方法

weixin_28487433的博客

01-12

874

Vue 构造函数function Vue (options) {if (!(this instanceof Vue)) {warn('Vue is a constructor and should be called with the `new` keyword');}this._init(options);}复制代码Vue.prototype._initvm._uid = uid$3++; (给...

根据后端返回数字枚举状态

卷发头的鲁智深的博客

04-20

468

枚举本地枚举 vue中根据后端返回枚举状态

VUE2/VUE3中枚举数据的使用

weixin_57127914的博客

04-29

5537

vue2 vue3 中枚举数据的使用

vue+element

蒙蒙细雨的博客

04-22

873

1.select绑定默认值 2.接口字段返回0,1…枚举值，显示对应内容处理 3.table表格默认选中第一行表格数据发生变化的时候，中间有个过程val值为null，所以用上面的处理方式，不然报错 4.table单元格可编辑 handleCellClick(row, column, cell, event){ for(let i=0;i<document.getElementsByClassName('current-cell').length;i++){

vue element 动态获取后台枚举接口根据code返回对应name值

qq_45101496的博客

04-29

1733

element 表格获取 HTML部分 <el-table-column prop="state" label="团队状态" align="center" :formatter="statetype"> </el-table-column> js部分 teamStates(){ ...

vue枚举类型转换（策略模式）

weixin_49405038的博客

04-23

1294

vue枚举类型转换分析：后端给到我们前端的是一个数字类型的状态码，每一个状态码（1、2）对应有中文我们通过枚举的方式转换成文字即可可以在methods中定义方法例如： import EmployeeEnum from '@/constant/employees' 在methods中定义方法 methods: { formatEmployment(id) { // 对后端返回的类型的编码进行翻译，还原成中文 const rs = EmployeeEnum.

vue 下拉框_VUE小技巧 - 枚举字段如何统一管理

weixin_39740419的博客

11-20

781

缘由：用过vue的都知道，页面上会有很多枚举类型的字段需要展示，下拉框、radio、表格显示等，例如：性别(男、女) 状态(未完成、进行中、已完成)，将他们统一管理起来，拓展性才能更强，那么添加一个类型则无需修改代码统一管理示例图解决方案：解决方案的核心就是我们的vue-store，因为使用这个来管理，页面上更方便使用，也不用一个个写新的方法radio处理方式：首先，咱们用mapState将枚...

@vue/composition-api速成课（通俗易懂版）