Element-ui el-cascader不触发prop?

发布于 2022-09-06 00:50:00 字数 1071 浏览 20 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

彻夜缠绵 2022-09-13 00:50:00

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

红ご颜醉 2022-09-13 00:50:00

还是没有解决哦,organization: [

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

],
这是你的代码?

坚持沉默 2022-09-13 00:50:00

1、porp名称一致
2、type: 'array'
详细说明:https://www.cnblogs.com/q4600...

So要识趣 2022-09-13 00:50:00
{ type: 'array', required: true, message: "描述", trigger: 'blur' }

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文