ant-design-vue 加载中

在ant-design-vue中，可以使用loading属性来实现加载中的效果。根据你提供的代码片段，可以看出在按钮上使用了loading属性来控制按钮的加载状态。当loading属性的值为true时，按钮会显示加载中的状态，当loading属性的值为false时，按钮会恢复正常状态。

以下是一个示例代码，演示了如何在ant-design-vue中使用loading属性来实现加载中的效果：

<template>
  <a-button type="primary" :loading="loading" @click="handleClick">
    {{ buttonText }}
  </a-button>
</template>

<script>
export default {
  data() {
    return {
      loading: false,
      buttonText: '点击加载',
    };
  },
  methods: {
    handleClick() {
      this.loading = true;
      // 模拟异步请求
      setTimeout(() => {
        this.loading = false;
        this.buttonText = '加载完成';
      }, 2000);
    },
  },
};
</script>

在上述代码中，我们使用了一个按钮组件`<a-button>`，并通过`:loading`属性绑定了`loading`变量。当点击按钮时，`loading`变量会被设置为true，按钮会显示加载中的状态。在模拟的异步请求完成后，`loading`变量会被设置为false，按钮会恢复正常状态。