Element-ui 为什么el-form-item的rules校验规则不生效

原因

1. rules是el-form-item的属性，不是el-input的

错误

<el-form-item :label="label" prop="id">
  <el-input v-model="form.id" :placeholder="`请输入${label}`" :rules="rules"/>
</el-form-item>

改正

<el-form-item :label="label" :rules="rules" prop="id">
  <el-input v-model="form.id" :placeholder="`请输入${label}`"/>
</el-form-item>

2. 因为你没写prop属性

错误

<el-form-item :label="label" :rules="rules">
  <el-input v-model="form.id" :placeholder="`请输入${label}`"/>
</el-form-item>

改正

<el-form-item :label="label" :rules="rules" prop="id">
  <el-input v-model="form.id" :placeholder="`请输入${label}`"/>
</el-form-item>