基于element-ui对form表单进行验证时，el-select不起作用问题 ?

Question

为什么我的这个 el-select 没有触发校验？

Demo

b

Answer 1

拼写错误

<template>
  <el-form ref="ruleFormRef" :model="ruleForm" status-icon :rules="rules" label-width="120px" class="demo-ruleForm">
-    <el-form-item label="下拉" props="city">
+    <el-form-item label="下拉" prop="city">
      <el-select v-model="ruleForm.city" clearable filterable class="m-2" placeholder="Select" size="large">

Edit

另外，Element Plus 的校验规则中 trigger 属性是枚举类型了。
应该设置为 'change' ，而不是传入数组 ['blur', 'change']