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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM