【问题标题】: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;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-07-08
      • 1970-01-01
      • 2014-02-11
      • 1970-01-01
      • 2019-12-23
      相关资源
      最近更新 更多