elementUI form表单验证不通过的原因

Posted 2020-12-17 aurora-ql

<el-form :model="form" :rules="rules"> 
  <el-form-item prop="input">
      <el-input v-model="form.input"></el-input>
  </el-form-item>
</el-form>

如上面的代码

1、标签绑定内容必须通过 :model=‘form‘ 绑定，不能使用v-model="form"。（:model是v-bind:model的缩写，本身是属性绑定；v-model是用于表单标签元素相关的数据的双向绑定）

2、中 prop 后面的字符必须和 标签中需要验证的值的参数名一样

3、需要验证的值必须是包含在 标签 :model 绑定的值里面，比如 form.input 是 form 的参数

本文转自：https://www.cnblogs.com/Simple-and-complex/p/11512491.html