Vuejs——前端学习日记(六)
对注册页面增加一点细节
之前在注册页面中实现了基本的注册邮箱、密码及确认密码三个输入框以及注册按钮和跳转至登录界面的链接,这次在三个输入框中加入提示功能,效果如下:
当并未输入邮箱或密码时:
当输入的密码与确认密码不一致时:
只有当正确输入邮箱、密码和确认密码后才不会显示:
这里的功能是需要在el-form控件里加入:rules
指令来规定规则:
<el-form
ref="registerForm"
label-width="150px"
class="register-form"
:model="registerForm"
:rules="registerRules"
>
<el-form-item prop="email" label="邮箱">
<el-input v-model="registerForm.email"></el-input>
</el-form-item>
<el-form-item prop="password" label="密码">
<el-input v-model="registerForm.password"></el-input>
</el-form-item>
<el-form-item pro