vue-element-admin提交表单数据到后端

最新推荐文章于 2023-07-23 15:48:51 发布

前端王小婷

最新推荐文章于 2023-07-23 15:48:51 发布

阅读量3.7k

点赞数 2

本文链接：https://blog.csdn.net/weixin_44763569/article/details/108640402

版权

本文介绍了在vue-element-admin框架下如何将表单数据提交给后端。涉及的内容包括提交的请求参数格式，如input、radio、多选下拉框的数据类型。在提交表单时，需注意input为字符串，radio为单选字符串，多选下拉框为字符串数组。通过示例代码展示了表单数据的提交过程，并提示成功提交后的响应。

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

前几天使用vue-element-admin框架开发了一个简单的后台管理系统，在开发的过程之中也遇到了一些功能，以及对饿了么框架的使用遇到的一些问题，如何解决问题，记录一下。

资料相关

vue-element-admin

推荐指数：star:55k
Github 地址：https://github.com/PanJiaChen/vue-element-admin
Demo体验：https://panjiachen.github.io/vue-element-admin/#/dashboard

今天记录一个功能，提交表单的数据给后端，提交表单时候的请求参数差不多是这样子的，其中有单选框，下选框，（下拉框可以选择一个值，也可以选择多个值），以字符串数组的格式提交。

请求报文如下


{"questionContent":"题目1","correctAnswer":"正确答案","otherAnswer1":"错误答案1","otherAnswer2":"错误答案2","otherAnswer3":"错误答案3","userGrades":["kinderGarten","firstGrade","threeGrade","sixGrade"],"questionCategory":"简单"}

具体提交格式需要注意：
1：input输入框提交类型为字符串
2：radio只能单选，每次只能提交一个，类型为字符串
3：下拉框（年级）为数组，当选择一个option或者多个option的时候，格式都为字符串数组形式。

点击按钮，会出现一个弹框，