Vue使用枚举类型实现HTML下拉框步骤详解

发布时间：2020-12-17 02:36:13 所属栏目：百科来源：网络整理

导读：下拉框包含option中的Value和用来显示的选项，一般后台都是使用的Value值，而不是显示在前台的选项第一步: 编写下拉框需要的枚举类型 StatusEnum.java 第二步: 编写用来存放下拉框中对应的option中的Value和显示的选项 StatusDTO.java 第三步: 编写control

下拉框包含option中的Value和用来显示的选项，一般后台都是使用的Value值，而不是显示在前台的选项

第一步: 编写下拉框需要的枚举类型

StatusEnum.java

第二步: 编写用来存放下拉框中对应的option中的Value和显示的选项

StatusDTO.java

第三步: 编写controller (resource)

statusResource.java

getStatus(){ List list = new ArrayList(); StatusDTO statusDTO = null; for(StatusEnum status : StatusEnum.values()){ statusDTO = new StatusDTO(); statusDTO.setCode(status.toString()); list.add(statusDTO); } return list; } }

第四步: 编写js文件

第五步: 编写html文件

显示效果:

总结

以上所述是小编给大家介绍的Vue使用枚举类型实现HTML下拉框步骤详解。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!