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