一： 判断密码是否可见
判断:type="visiblePassword ? 'text' : 'password'" 是否为false 或者 true 密码为输入框或者文本框
点击眼睛的按钮 @click.native="visiblePassword = !visiblePassword" 取反即可
二：判断 登录的状态
{{ loading ? '登录中' : '登录' }} 登录的状态 判断login
三：判断在form表单中 定义rules规则验证 通过
<i-form class="login-form" :model="formData" :rules="formRules" ref="form"> 给表单:rules="formRules"
<i-form-item prop="username"> 给每一项 prop="username"
<i-input
v-model.trim="formData.username"
prefix="md-person"
:maxlength="12"
autocomplete="off"
autofocus
clearable
placeholder="请输入用户名"
@keyup.enter.native="submit()"
/>
</i-form-item>
data() {
return {
formRules: { 在data上定义规则
username: [
{ required: true, message: '账号不能为空', trigger: 'blur' }
],
password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]
},
visiblePassword: false
}
},