vue.js - 如何在按钮单击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>

我想单击按钮以显示进度条，并在加载数据后隐藏进度条。我该怎么做？

标签： vue.jsprogress-barvuetify.js

Answer 1

您的 v-btn 调用该search方法。在那里你可以改变进度条。

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