使用iview怎么同时验证多个表单

使用iview怎么同时验证多个表单，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

公司专注于为企业提供网站建设、网站制作、微信公众号开发、商城开发，微信小程序，软件按需网站制作等一站式互联网企业服务。凭借多年丰富的经验，我们会仔细了解各客户的需求而做出多方面的分析、设计、整合，为客户设计出具风格及创意性的商业解决方案，创新互联更提供一系列网站制作和网站推广的服务。

iview验证一个表单问题：

//点击确认按钮
确定

addAreaOK(name){
  this.$refs[name].validate((valid)=>{
  if (valid){
    alert('验证成功')
  }
  })
}

还有一种写法：保存按钮不传form表单，在验证时直接this.$refs.addpurchaseForm.validate

保存
this.$refs.addpurchaseForm.validate((valid) => {
      // console.log(valid)
        if (valid) {
          alert('验证成功')
        }
  }）

iview验证多个表单问题：在多表单验证时，让页面中的两个form都通过校验才能保存。解决方法就是:先验证第一个，在第一个验证通过得里面，验证第二个。

   this.$refs.addpurchaseForm.validate((valid) => {
        // console.log(valid) //第一层验证第一个表单
          if (valid) {
          this.$refs.gasDataForm.validate((valid) => {
          // console.log(valid)//第二层验证第二个表单
             if(valid){
               alert('验证成功')
             }
            })
         }
       })

补充：iview 表单number验证

将原来的number转为string来处理，并且在验证中判断是否是整数。

看完上述内容，你们掌握使用iview怎么同时验证多个表单的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！