Element-ui el-cascader不触发prop?

青棘
  • 613

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时
clipboard.png

el-select时
clipboard.png

回复
阅读 12.3k
4 个回答
✓ 已被采纳

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

还是没有解决哦,organization: [

{ type: 'array', required: true, message: "描述", trigger: 'change' }

],
这是你的代码?

Suntgr
  • 1
新手上路,请多包涵
{ type: 'array', required: true, message: "描述", trigger: 'blur' }

把触发条件改成blur,这也坑了我好久

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏