<a-drawer>标签

`<a-drawer>` 是基于 Ant Design Vue 开发的抽屉组件，用于在页面中显示隐藏的内容。它可以从页面边缘滑入或滑出，也可以在页面中心打开或关闭。该组件具有多种配置选项，包括位置、大小、遮罩层透明度等。在使用该组件时，需要先引入 Ant Design Vue 库并注册组件。

示例代码：

<template>
  <div>
    <a-button type="primary" @click="showDrawer">
      打开抽屉
    </a-button>
    <a-drawer
      :title="title"
      :placement="placement"
      :visible.sync="visible"
    >
      <p>这里是抽屉内容</p>
      <p>可以放置任意HTML元素</p>
    </a-drawer>
  </div>
</template>

<script>
import { Drawer, Button } from 'ant-design-vue';

export default {
  components: {
    'a-drawer': Drawer,
    'a-button': Button,
  },
  data() {
    return {
      visible: false,
      title: '抽屉标题',
      placement: 'right',
    };
  },
  methods: {
    showDrawer() {
      this.visible = true;
    },
  },
};
</script>