微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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是用于表单标签元素相关的数据的双向绑定)

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐