vue项目中使用Element多个Form表单同时验证

一、项目需求

在项目中一个页面中需要实现多个Form表单,并在页面提交时需要对多个Form表单进行校验,多个表单都校验成功时才能提交。

二、实现效果

vue项目中使用Element多个Form表单同时验证_第1张图片

三、多个表单验证

注意项:多个form表单,每个表单上都设置单独的model和ref,不能同时使用,否则每个表单上的校验提示会失效。


 

3.1、方式一:依次对两个表单进行校验

3.2、方式二:两个表单同时校验------使用Promise.all

你可能感兴趣的:(vue.js,javascript,前端)