el-input使用elementUI表单自带验证

昨天在修改bug时,遇到一个问题,需要当前的表单验证两个字段,一个是时间,一个是参会人员。
时间正常使用el-form表单的rules验证规则就行。
参会人员,之前的开发同学使用的是点击input框,弹出一个人员组织树的dialog,选择人员,点击确定,关闭dialog。关闭时,调用一个方法,拿到选择的人员。树插件拿到的人员数据是数组类型,input的框只接受number和string。并且要求使用form表单本身的验证模式。

el-input使用elementUI表单自带验证_第1张图片

找了个各种办法,最后使用了这个clearValidate. watch监控projectScienceAsso的值,如果有值就移除报错。

projectScienceAsso:{
      immediate:true,
      handler(newVal, oldVal) {
        if(oldVal!==newVal){
           this.clearFiles()
        }
       
      },
    },

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