vue使用表单提交的时候，点击登录需要两次

项目场景：

使用表单提交的时候，点击登录需要两次

---

问题描述

使用表单提交的时候，点击登录需要两次

    <form>

          <div class="input-group">

            <input type="text" placeholder="请输入企业账号" v-model="user">

          </div>

          <div class="input-group">

            <input type="password" placeholder="请输入密码"  v-model="password">

          </div>

          <div class="footer">

            <a href="#">忘记密码?</a>

          </div>

          <button type="submit" @click="registerUser">登录</button>

        </form>

---

原因分析：

表单提交行为和 Vue 中方法的冲突。你目前在 <button> 标签上使用了 type="submit" 并监听了 @click 事件。这导致表单的默认提交行为和你的 registerUser 方法同时执行。

---

解决方案：

• 阻止表单默认提交行为： 在 registerUser 方法中使用 event.preventDefault() 来阻止表单的默认提交行为，这样 Vue 的方法可以顺利执行。