美文网首页
elementui el-cascader表单校验不生效

elementui el-cascader表单校验不生效

作者: 地主家也没余粮叻 | 来源:发表于2021-08-04 17:04 被阅读0次
    <el-form
        :model="form"
        :rules="rules"
         ref="form">
    <el-form-item label="组织" prop="organizationList">
     <el-cascader v-model="form.organizationList"
                            :options="compOption"
                            :props="{ multiple: false,checkStrictly: true}"
                            collapse-tags
                            is-leaf
                            clearable/>
    </el-form-item>
    </el-form>
    
    data(){
      const validateOrg = (rule, value, callback) => { 
          if (!this.form.organizationList.length) {
            callback(new Error('组织不能为空'))
          } else {
            callback()
          }
        }
      return {
        rules:{
         organizationList: [{ type: 'array', required: true, validator: validateOrg }],
        }
      }
    }
    
    

    相关文章

      网友评论

          本文标题:elementui el-cascader表单校验不生效

          本文链接:https://www.haomeiwen.com/subject/dibuvltx.html