用vue写的,表单组件用的是element-ui中的
表单提交:
//formName为表单绑定的数据
submitForm(formName) {
//判断表单必填项是否填写完
this.$refs[formName].validate((valid) => {
if (valid) {//填写完才去发送请求提交
console.log('submit!')
return request({
url: '/api/healthReport/createAll',
method: 'post',
data: this.antiepidemicForm
}).then((resp) => {
this.$message({
type: 'success',
message: '提交成功'
})
})
} else {
console.log('error submit!!')
return false
}
})
},
表单重置:
resetForm(formName) {
this.$refs[formName].resetFields()
},
本文记录了使用Vue.js结合Element-UI进行前端开发时,如何实现表单的提交与重置功能。通过Vue的数据绑定和Element-UI的表单组件,可以轻松管理表单状态。
1546

被折叠的 条评论
为什么被折叠?



