我有一个问题，即 v-if 语句中的 div 无法正常工作。如果在单击按钮时运行服务器和页面，它将简要显示用于注册的 div，但它将在几秒钟后在第一个 v-if 语句中取回原始 div。Sign Up相反，我希望它只显示v-else中的div，因为我正在更改布尔值，这将调用Vue App中的函数，这将改变布尔值。showSignUpv-on:click="signUp"这是：<body onload="init()"> <!-- using the Vue App --> <div id="app"> <!-- If it is not signed in just make it sign --> <div v-if="!isLoggedIn" class="container-fluid"> <!-- Top Bar --> <div class="row align-items-center justify-content-start"> <nav class="navbar navbar-light bg-light"> <h1>UST Computer Science Submission Tool</h1> </nav> </div> <div class="row align-items-center justify-content-end"> <div v-if="!showSignUp"> <form class="getSpace" > <!-- SIGN IN FORM --> <!-- Input fields --> <div class="form-group"> <label for="inputEmail">Email address</label> <input type="email" class="form-control" id="inputEmail"> </div> <div class="form-group"> <label for="inputPassword">Password</label> <input type="password" class="form-control" id="inputPassword"> </div> <!-- Buttons --> <button v-on:click="signIn" class="btn btn-primary">Sign In</button> <button v-on:click="signUp" class="btn btn-primary">Sign Up</button> </form> </div>
1 回答
拉风的咖菲猫
TA贡献1995条经验 获得超2个赞
您需要阻止该操作
<button v-on:click.prevent="signUp" class="btn btn-primary">Sign Up</button>
添加回答
举报
0/150
提交
取消