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>

如上面的代码html

一、 标签绑定内容必须经过 :model='form' 绑定,不能使用v-model="form"。(:model是v-bind:model的缩写,自己是属性绑定;v-model是用于表单标签元素相关的数据的双向绑定, v-model 和 :model 的区别.net

二、 中 prop 后面的字符必须和 标签中须要验证的值的参数名同样 双向绑定

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

本文转自:http://www.javashuo.com/article/p-ckekgola-hu.htmlorm

相关文章
相关标签/搜索