码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-18 22:30:34      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:标签   href   put   验证   mode   imp   bind   表单   inpu   

<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

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

标签:标签   href   put   验证   mode   imp   bind   表单   inpu   

原文地址:https://www.cnblogs.com/aurora-ql/p/13337243.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!