当另一个函数正在运行时，vuetify显示"v-progress-linear“

<template>
  <div>
    <v-progress-linear v-if="isLoading"></v-progress-linear>
    <!-- 其他组件内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      isLoading: false, // 控制进度条显示与隐藏的变量
    };
  },
  // 其他组件逻辑
};
</script>

methods: {
  async yourFunction() {
    this.isLoading = true; // 显示进度条
    // 函数逻辑
    await yourAsyncTask(); // 异步任务示例
    this.isLoading = false; // 隐藏进度条
  },
},

<template>
  <div>
    <v-btn @click="yourFunction">运行函数</v-btn>
  </div>
</template>

<script>
export default {
  methods: {
    async yourFunction() {
      this.isLoading = true; // 显示进度条
      // 函数逻辑
      await yourAsyncTask(); // 异步任务示例
      this.isLoading = false; // 隐藏进度条
    },
  },
};
</script>