如何在按钮单击 vuejs vuetify 上添加进度条答案

【问题标题】：how to add progress bar on button click vuejs vuetify如何在按钮单击 vuejs vuetify 上添加进度条
【发布时间】：2020-08-13 04:12:07
【问题描述】：

在搜索按钮上单击我想显示进度条，加载数据后我想在 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.js progress-bar vuetify.js

【解决方案1】：

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

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

【讨论】：