我有一个问题，即 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>
拉风的咖菲猫
相关分类