vue form登录需要点击两次问题

问题描述：在做登录页面时，使用Form和submit，和reset，因为可以自动添加回车登录事件和置空功能，很方便。但是也遇到了问题。第一次点击登录按钮时，并没有执行 submit的click事件，而是在地址栏中添加了一个问号，并且刷新页面。第二次点击登录时才执行click。

可能原因：form中的submit带有默认的提交和跳转动作，在点击submit时，执行的时默认的提交和跳转

解决方案：给submit添加@click.prevent="clickHanlder"，问题解决

<form action="" class="loginForm" v-if="!isShow">
      <p>用户名
        <input type="text" class="loginImput" required v-model="loginName">
        <el-checkbox style="color: white" :checked="rememberSelected" v-model="rememberSelected" >记住用户名</el-checkbox>
      </p></br>
      <p>密   码
        <input type="password" class="loginImput" v-model="identify" required>
        <label class="error" v-show="!success" v-text="errorMsg"></label>
      </p></br>

      <input type="submit" class="loginBtn" value="" @click.prevent="login()"/>
      <input type="reset" class="emptyBtn" value=""/>
      </p>
    </form>