el-form对表单增加数据为什么提交后控制台显示字段数据都是空的
时间: 2024-05-16 20:17:48 浏览: 32
可能是因为你没有正确绑定表单数据。在使用`el-form`时,你需要将表单数据绑定到`model`属性上,例如:
```html
<el-form :model="formData" label-width="100px">
<el-form-item label="姓名" prop="name">
<el-input v-model="formData.name"></el-input>
</el-form-item>
<el-form-item label="年龄" prop="age">
<el-input v-model="formData.age"></el-input>
</el-form-item>
</el-form>
```
在这个例子中,`formData`是一个对象,它包含了表单中的所有字段,每个字段都有一个对应的属性,例如`name`和`age`。在每个表单控件上,你需要使用`v-model`指令将控件的值绑定到`formData`对象上的相应属性上。
当你提交表单时,表单数据会被自动提交到后端,你可以在后端接口中打印出提交的数据来检查是否正确。如果后端接口没有问题,那么你需要检查前端代码,确保表单数据正确绑定到了`model`属性上。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![gz](https://img-home.csdnimg.cn/images/20210720083447.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)