问题:后台管理-登录,没有勾选协议,第一次点击登录没有任何提示,并且刷新了页面;不应该是这样
希望:开打页面,不做任何操作,点击登录,直接给出错误提示,而不是刷新

问题导致缘由:登录按钮的执行方法(handleSubmit),写在了 a-form 标签里面
<a-form id="formLogin" ref="formLogin" class="user-layout-login" :form="form" @submit="handleSubmit">
<a-form-item>
<a-input
v-decorator="[ account , { rules: [{ required: true, message: 请输入帐户 }], validateTrigger: change }]"
size="large"
type="text"
placeholder="请输入账号"
>
<a-icon slot="prefix" type="user" style="color: rgba(0, 0, 0, 0.25);" />
</a-input>
</a-form-item>
<a-form-item v-if="loginIndex==1" :validate-status="isLoginError? error : " :help="errmsg">
<a-input-password
v-decorator="[ password , { rules: [{ required: true, message: 请输入密码 }], validateTrigger: blur }]"
size="large"
type="password"
has-feedback
autocomplete="false"
placeholder="请输入密码"
>
<a-icon slot="prefix" type="lock" :style="{ color: rgba(0,0,0,.25) }" />
</a-input-password>
</a-form-item>
<a-form-item style="margin-top: 36px;">
<a-button size="large" type="primary" class="login-button" html-style="submit" :loading="loginBtn" :disabled="loginBtn" >登录</a-button>
</a-form-item>
</a-form>
解决:把执行方法放在 a-button 标签里面即可
<a-form id="formLogin" ref="formLogin" class="user-layout-login" :form="form">
<a-form-item>
<a-input
v-decorator="[ account , { rules: [{ required: true, message: 请输入帐户 }], validateTrigger: change }]"
size="large"
type="text"
placeholder="请输入账号"
>
<a-icon slot="prefix" type="user" style="color: rgba(0, 0, 0, 0.25);" />
</a-input>
</a-form-item>
<a-form-item v-if="loginIndex==1" :validate-status="isLoginError? error : " :help="errmsg">
<a-input-password
v-decorator="[ password , { rules: [{ required: true, message: 请输入密码 }], validateTrigger: blur }]"
size="large"
type="password"
has-feedback
autocomplete="false"
placeholder="请输入密码"
>
<a-icon slot="prefix" type="lock" :style="{ color: rgba(0,0,0,.25) }" />
</a-input-password>
</a-form-item>
<a-form-item style="margin-top: 36px;">
<a-button size="large" type="primary" class="login-button" @click="handleSubmit" :loading="loginBtn" :disabled="loginBtn" >登录</a-button>
</a-form-item>
</a-form>
© 版权声明
文章版权归作者所有,未经允许请勿转载。
相关文章
暂无评论...