我有一個問題,即 v-if 語句中的 div 無法正常工作。如果在單擊按鈕時運行服務器和頁面,它將簡要顯示用于注冊的 div,但它將在幾秒鐘后在第一個 v-if 語句中取回原始 div。Sign Up相反,我希望它只顯示v-else中的div,因為我正在更改布爾值,這將調用Vue App中的函數(shù),這將改變布爾值。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>
v-if 和 v-else 不起作用,因為每次都更新頁面
繁星coding
2022-09-16 21:20:20