vue2+antd实现后端方法执行时显示遮罩

要在Vue2和Antd中实现后端方法执行时显示遮罩，你可以按照以下步骤操作：

在项目中安装Antd组件库：使用npm或yarn安装Antd组件库。具体安装方法可以在Antd官方文档中找到。
创建遮罩组件：在Vue项目中创建一个遮罩组件，用于显示加载状态。可以使用Antd的Spin组件来实现遮罩效果，具体参考Antd官方文档。
在需要执行后端方法的组件中引入遮罩组件：在需要执行后端方法的组件中引入遮罩组件，并将其作为子组件进行渲染。
在后端方法执行前显示遮罩：在执行后端方法前，通过控制遮罩组件的显示状态，在需要显示遮罩的时候将其显示出来。
在后端方法执行完成后隐藏遮罩：在后端方法执行完成后，通过控制遮罩组件的显示状态，在不需要显示遮罩的时候将其隐藏起来。

下面是一个简单的示例代码：

<template>
  <div>
    <my-mask :visible="loading"></my-mask>
    <button @click="executeBackendMethod">执行后端方法</button>
  </div>
</template>

<script>
import MyMask from './MyMask.vue'

export default {
  components: {
    MyMask
  },
  data() {
    return {
      loading: false
    }
  },
  methods: {
    executeBackendMethod() {
      this.loading = true // 显示遮罩

      // 调用后端方法
      // ...

      // 后端方法执行完成后隐藏遮罩
      this.loading = false
    }
  }
}
</script>

在上述示例中，MyMask是一个遮罩组件，通过visible属性控制其显示和隐藏。在executeBackendMethod方法中，我们将loading属性设置为true，从而显示遮罩；在方法执行完成后，将loading属性设置为false，从而隐藏遮罩。

希望以上解答能够帮助到你