elementui中drawer 抽屉

抽屉组件（Drawer）是Element UI中的一个组件，用于解决当弹窗内容过多或需要临时展示一些图标或文档时，Dialog组件无法满足需求的情况。抽屉组件由两部分组成，分别是标题（title）和内容（body）。可以通过设置visible属性来控制抽屉的显示与隐藏。抽屉组件默认从右往左打开，可以通过设置direction属性来改变打开的方向。

以下是一个示例代码，展示了如何使用抽屉组件：

<el-button @click="drawer = true" type="primary" style="margin-left: 16px;"> 点我打开 </el-button>
<el-drawer title="我是标题" :visible.sync="drawer" :direction="direction" :before-close="handleClose">
  <span>我来啦!</span>
</el-drawer>

<script>
export default {
  data() {
    return {
      drawer: false,
      direction: 'rtl',
    };
  },
  methods: {
    handleClose(done) {
      this.$confirm('确认关闭？')
        .then(_ => {
          done();
        })
        .catch(_ => {});
    }
  }
};
</script>