我正在使用Vue2。我有一個表格。單擊提交時，我想顯示“正在加載”Div X 時間。經過 X 時間后，我想再次加載表單。簡而言之，單擊后，切換可見性，執行某些代碼并等待一定時間后，再次切換它。我有兩個 Div：<div v-if="this.isHidden"> LOADING....</div><div v-if="!this.isHidden"> <!--or v-else -->  <form @submit.prevent="">  <!--Fields-->  <button @click="updateProduct(product)" type="button">Submit</button>  </form></div>加載時，僅顯示“CONTENT”（isHidden = false）。當執行 updateProduct() 方法時，我希望 div“LOADING”顯示 X 秒（isHidden=true），而“CONTENT”div 必須隱藏。然后在 setTimeout 函數內執行一些代碼后，我希望它們再次切換（isHidden = false）。data: function() {   return {     //isHidden is initialized as false     isHidden: false,   };},我的方法如下所示：updateProduct(product){  this.isHidden = true;  alert(this.isHidden + 'This correctly shows true. CONTENT correctly toggles and HIDES. LOADING also works correctly and APPEARS.');  //I want to delay the following code with setTimeout so that I am able to control for how long I want to show LOADING  setTimeout(function(){    //do a bunch of tasks that work correctly...     axios.post('/api/product/' + product.id, data)       .then(function (response) {       console.log(response);     }).catch(function (error) {       console.log(error);                 });    //After all my code is executed, I am still inside the setTimeout function inside the updateProduct method so now i do this:    this.isHidden = false;    alert(this.isHidden + ' This correctly shows false BUT DIVS DO NOT UPDATE ANYMORE, I am stuck with the LOADING div');   //although my code works fine and the alert shows the correct value for isHidden, my view is stuck in LOADING  }, 2000);}我試圖移動 this.isHidden = false; 在 setTimeout 函數之外，但它仍然不會“切換”可見性。我還嘗試使用 v-if 而不是 v-show，行為相同。