怎么收集elementForm表单的数据
时间: 2024-03-22 14:37:25 浏览: 14
收集element表单数据可以通过以下步骤:
1. 在表单元素上添加`v-model`绑定值,例如:
```
<el-form :model="form">
<el-form-item label="用户名">
<el-input v-model="form.username"></el-input>
</el-form-item>
<el-form-item label="密码">
<el-input v-model="form.password" type="password"></el-input>
</el-form-item>
<!-- 其他表单元素 -->
</el-form>
```
2. 在data中定义表单数据对象,例如:
```
data() {
return {
form: {
username: '',
password: '',
// 其他表单元素
}
}
}
```
3. 在表单提交事件中,获取表单数据并发送至后台处理,例如:
```
methods: {
onSubmit() {
axios.post('/api/submitFormData', this.form).then(res => {
console.log(res.data);
}).catch(err => {
console.log(err);
})
}
}
```
注意,以上仅为示例代码,具体实现需要根据实际情况进行调整。