vue点击弹出转圈圈

您可以使用 Vue.js 中的 loading 组件来实现点击弹出转圈圈的效果。以下是一个示例代码：

首先，在您的 Vue 组件中引入 loading 组件：

import Loading from '@/components/Loading.vue';

然后，在模板中使用 loading 组件，并通过一个变量来控制其显示与隐藏：

<template>
  <div>
    <button @click="showLoading">点击我</button>
    <loading v-if="loading"></loading>
  </div>
</template>

接下来，在组件的 data 中定义一个名为 loading 的变量，并在点击按钮时将其设置为 true，以显示 loading 组件：

export default {
  data() {
    return {
      loading: false
    };
  },
  methods: {
    showLoading() {
      this.loading = true;
      // 这里可以执行异步操作或其他需要显示 loading 的逻辑
    }
  }
};

最后，创建一个名为 Loading.vue 的组件，用于显示转圈圈的效果。您可以使用第三方库，如 Element UI 或者 Vuetify，来获取现成的 loading 动画组件，或者自己编写 CSS 来实现一个 loading 动画。

这样，当用户点击按钮时，loading 组件会根据 loading 变量的值来显示或隐藏转圈圈效果。