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

内容分享1周前发布
0 0 0

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

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

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

问题导致缘由:登录按钮的执行方法(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>

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
none
暂无评论...