后台管理-登录，没有勾选协议，第一次点击登录没有任何提示，并且刷新了页面

问题：后台管理-登录，没有勾选协议，第一次点击登录没有任何提示，并且刷新了页面；不应该是这样

希望：开打页面，不做任何操作，点击登录，直接给出错误提示，而不是刷新

image.png

问题导致原因：登录按钮的执行方法(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>