Element-ui el-cascader不触发prop?

问题描述

问 题

1.当el-select外层的el-form-item绑定上prop时,value为空会提示错误,但是el-cascader却不会提示,为什么呢,怎么修改呢?
2.这是部分代码,我把el-cascader换成el-select时,value为空时提示了,但是换回来提示又没有了,是不是el-cascader根本就没有这个功能呢?

<el-form-item label="所属组织机构:" prop="organization">
  <el-cascader
    v-model="registerForm.organization"
    :options="options"
    change-on-select
    expand-trigger="hover"
    clearable
    placeholder="请选择组织机构">
  </el-cascader>
</el-form-item>

organization: [
    { type: 'array', required: true, validator: organizationValidate, trigger: 'change' }
  ],
  
export const organizationValidate = (rule, value, callback) => {
  if (value === '') {
    callback(new Error('请选择组织机构'));
  }
  callback();
};

效果图

el-cascader时

el-select时

解决方案

自己改了好几遍高点知道怎么弄了:
1.rules里必须加上type:'array'
2.必须用message,不能用validator

这篇关于Element-ui el-cascader不触发prop?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！