how to add progress bar on button click vuejs vuetify

Question

on search button click i want to show progress bar and after loading data i want to dismiss progress bar in vuetify. how can i do that :

 <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>

i want button click to show progress bar and after loading data to hide progress bar. How can i do it?

discolor · Accepted Answer · 2020-04-29 07:30:14Z

2

Your v-btn calls the search method. In there you can change the progressbar.

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

answered Apr 29, 2020 at 7:30

discolor

1,39610 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to add progress bar on button click vuejs vuetify

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related