Element form表單驗證無法生效


<el-input>雙向數據綁定的data哪個屬性
到時候在表單驗證對象中,屬性名就是你要驗證的這個data中的屬性。prop到時候也填寫這個。
比如

<el-form-item prop="password">
          <el-input
            v-model="loginFrom.password"
            prefix-icon="iconfont icon-3702mima"
            type="password"
          ></el-input>
</el-form-item>
export default {
  data() {
    return {
      //登陸表單數據綁定對象
      loginFrom: {
        password: ''
      },
      // 表單驗證對象
      loginFromRules: {
        // 驗證密碼
        password: [
          { required: true, message: '請輸入密碼', trigger: 'blur' },
          { min: 6, max: 15, message: '長度在 6 到 15 個字符', trigger: 'blur' }
        ]
      }
    }
  }
}


免責聲明!

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



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