说明:个人的学习记录
视频参考:https://www.bilibili.com/video/BV1EE411B7SU?p=19
pdemo: Happy every day! Go!
农历 庚子 鼠年 五月初二 -- 2020年6月22日 - 周一 - 21:03
1.vue 登录推出--实现表单数据验证
1.1 输入框内 输入内容,当鼠标移动后,自动验证数据的有效性
1.2 基于element-ui 内的form 表单的验证
1.3 form 内:rules 添加这个属性,:rules="rules" ,后面的rules是验证规则对象
-- 属性绑定 :rules="校验规则"
1.4 校验规则对象之中 定义几个校验规则的属性
1.5 表单item项中 添加prop="前面定义的校验规则"
1.6 此时Login.vue内的代码 红色表示这次新增的code
<template>
<div class="login_container">
<div class="login_box">
<!-- -->
<div class="avatar_box">
<img src="../assets/login_head.png" alt="">