el-drawer添加loading

要在 el-drawer 组件中添加 loading 效果，可以使用以下步骤：

1. 在 el-drawer 中添加一个 div 元素，作为 loading 的容器。

<el-drawer :visible="visible">
  <div v-show="loading" class="loading-container">
    <el-loading-spinner></el-loading-spinner>
  </div>
  <!-- 其他内容 -->
</el-drawer>

2. 使用 CSS 将 loading 容器居中。

.loading-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

3. 在 el-drawer 组件的相关事件中，控制 loading 的显示和隐藏。

<el-drawer :visible="visible" @open="showLoading" @close="hideLoading">
  <div v-show="loading" class="loading-container">
    <el-loading-spinner></el-loading-spinner>
  </div>
  <!-- 其他内容 -->
</el-drawer>

<script>
export default {
  data() {
    return {
      visible: false,
      loading: false
    };
  },
  methods: {
    showLoading() {
      this.loading = true;
    },
    hideLoading() {
      this.loading = false;
    }
  }
};
</script>

这样就可以在 el-drawer 中添加 loading 了。