el-form提交之前
时间: 2023-10-06 21:10:28 浏览: 66
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
5星 · 资源好评率100%
在el-form提交之前,可以使用官方提供的validate方法对表单进行验证。在引用中,可以看到这样的代码:this.$refs[formName].validate((valid) => { if (valid) { alert('submit!') } else { console.log('error submit!!') return false } })。这段代码使用了validate方法来进行表单验证,如果验证通过,会弹出一个提示框“submit!”,如果验证不通过,则会在控制台输出“error submit!!”。可以在submit按钮的点击事件里调用这个方法来实现在提交之前对表单进行验证。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [el-form 表单的校验](https://blog.csdn.net/qq_31126175/article/details/121704069)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文