v-loading放在el-button中

`v-loading` 是 Element UI 中的一个指令，用于在一个元素上显示加载状态，通常配合 `el-button` 使用是为了在按钮点击时显示一个加载图标或者文字，表示数据正在加载。例如：

<template>
  <el-button type="primary" :loading="isLoading">加载中...</el-button>
</template>

<script>
export default {
  data() {
    return {
      isLoading: false, // 初始设置为 false，表示默认不加载
    };
  },
  methods: {
    handleLoad() {
      this.isLoading = true; // 点击按钮时将 isLoading 设置为 true，显示加载状态
      // 在这里处理异步请求...
      setTimeout(() => {
        this.isLoading = false; // 请求完成后，再次设置回 false，隐藏加载状态
      }, 2000); // 假设这是一个异步操作，这里用了定时器模拟
    },
  },
};
</script>

在这个例子中，当用户点击带有 `v-loading` 的按钮时，会显示“加载中…”的文字，而实际的业务逻辑在 `handleLoad` 方法内部执行。完成加载后，再通过 `this.isLoading = false` 来关闭加载状态。