как добавить индикатор выполнения при нажатии кнопки vuejs vuetify

Question

при нажатии кнопки поиска я хочу показать индикатор выполнения, а после загрузки данных хочу удалить индикатор выполнения в vuetify. Как я могу это сделать:

 <template>
    <v-progress-linear v-show="progressBar" slot="progress" color="blue" indeterminate/>

     <v-btn color="primary" rounded center  v-on:click="search" > Search </v-btn>
 </template>

Я хочу, чтобы щелкнуть по кнопке, чтобы показать индикатор выполнения, а после загрузки данных, чтобы скрыть индикатор выполнения. Как я могу это сделать?

Answer 1

Ваш v-btn вызывает метод search. Там вы можете изменить индикатор выполнения.

search() {
  this.progressBar = true;
  // Load data here
  this.progressBar = false;
}