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 el-cascader 表单无验证所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。