показать показ загрузки перед отправкой

Question

Я хочу показать загрузку текста при нажатии кнопки «Отправить» и перед отправкой формы.Я попробовал этот код.

<button type="button" @click="addCustomers" 
:disabled="disableSubmitButton" class="btn btn-primary" style="float: 
right;" value="ADD CUSTOMER">{{customer.loading ? "Loading..." : "ADD 
CUSTOMER"}}</button> 

после добавления объекта загрузки в данные.

data(){
  return {
    loading: false,
  }
} 

при вызове функции события щелчка я добавляю "loading = true" для отображения загружаемого текста.

но этот процесс не работает.как я могу это показать.Я не хочу никаких загрузочных пакетов в vuejs.это моя функция события клика.

addCustomers(){
   customer.loading = true;
   axios.post(){
     ....
   }
}

Answer 1

элемент данных customer не упоминается в свойстве объекта данных, поэтому ваш код может выглядеть следующим образом:

 <button type="button" @click="addCustomers" 
 :disabled="disableSubmitButton" class="btn btn-primary" style="float: 
 right;" value="ADD CUSTOMER">{{loading ? "Loading..." : "ADD 
 CUSTOMER"}}</button> 

и в методах:

 addCustomers(){
   this.loading = true;
    axios.post().then(res=>{
         this.loading=false;
       }).catch(err=>{
        //handle error
       })
  }