Javascript v-if和v-else不工作，因为每次都更新页面

我的问题是v-if语句中的div工作不正常。如果在单击“注册”按钮时运行服务器和页面，它将短暂显示用于注册的div，但几秒钟后它将在第一个v-If语句中返回原始div

相反，我希望它只显示v-else中的div，因为我正在使用v-on:click=signUp更改布尔值showSignUp，这将调用Vue应用程序中的函数来更改布尔值

这是HTML：

---

你需要阻止这种行为

<button v-on:click.prevent="signUp" class="btn btn-primary">Sign Up</button>

---

你需要阻止这种行为

<button v-on:click.prevent="signUp" class="btn btn-primary">Sign Up</button>

---

或者仅仅添加type=buttonIt是有意义的，因为它是一个表单，默认情况下按钮上的操作提交表单，因此刷新页面。防止默认行为或更改Phil提到的按钮类型应该可以解决问题。或者只添加type=buttonIt是有意义的，因为它是一个表单，默认情况下，按钮上的操作提交表单，因此刷新页面。防止默认行为或更改Phil提到的按钮类型应该可以解决问题。

<button v-on:click.prevent="signUp" class="btn btn-primary">Sign Up</button>