element el-cascader 表单无验证

<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 }],
    }
  }
}

最后

以上就是谦让寒风最近收集整理的关于element el-cascader 表单无验证的全部内容，更多相关element内容请搜索靠谱客的其他文章。