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

<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是用于表单标签元素相关的数据的双向绑定，v-model 和 :model 的区别）

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

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

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

巴特西

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

最新文章

热门文章