我有一個 VUE 中的 SAP，它包含一個包含 4 個步驟的表單。當在第一步按鈕中提交并重定向到第二步時，如果我返回到第一步，最后一個組件將停止顯示，盡管在更改組件之前已顯示。這是我的模板   <input      type="text"      id="animalName"      ref="animalName"      v-model="animalFormInfo.name"      @keypress="onChangeName($event)"      @keyup="onChangeName($event)"      />      <div class="loader-spinner" v-if="loading">        <app-loader>      </div>    </div>  </div></div><div v-show="isNameCompleted">  <div class="from-group">    <h1 class="title">      For      <span>{{this.formInfo.name}}</span>, you have:    </h1>    <div class="list-services">      <div        class="column-service"        v-for="estimation in filteredEstimation"        v-bind:key="estimation.name"      >        <div>{{estimation.name}}</div>        <div>{{estimation.description}}</div>        <div>{{estimation.price.toString().replace(".", ",")}}</div>      </div>    </div>  </div></div><div class="button-line" v-show="isLoaderFinished"></div><div class="forward" v-show="isLoaderFinished">  <div class="forward-button">    <button      ref="submit"      v-bind:disabled="!isFormCompleted"      type="submit"      @click="navigateToCreate"    >      SEND INFO    </button>  </div></div>下面是我控制組件負載的數據和方法data() {  return {    step: 1,    isFormCompleted: false,    isBreedSelected: false,    isNameCompleted: false,    loading: false,    isLoaderFinished: false,    myTimeout: 0  };},methods:{  onChangeName(event) {    if (this.myTimeout >= 0 && event) {      clearTimeout(this.myTimeout);      this.loading = true;      this.isNameCompleted = false;    }一旦我到達第 2 步并返回到第 1 步，在輸入 ID 為“animalName”之前，只會顯示信息。我究竟做錯了什么？有什么原因可以解釋為什么在加載第一個組件時它會遵循邏輯并顯示它們，而一旦我轉到下一個組件它們就會消失？謝謝大家的寶貴時間并提前提供幫助