el-drawer设置大小

在Element UI中，`el-drawer`是一个侧边抽屉组件，用于放置一些额外的内容或者功能区域。你可以通过它的属性来设置其大小。主要的尺寸配置有以下几种：

1. `size`: 这个属性决定了抽屉的宽度，可以设置为 "small"、"medium" 或者 "large"，它们分别对应小、中、大三种尺寸，默认值是 "medium"。如果想要自定义宽度，可以传入一个数值（如 `250px`），单位是像素或百分比。

<el-drawer :size="customSize">
  <!-- 抽屉内容 -->
</el-drawer>

<script>
export default {
  data() {
    return {
      customSize: '250px', // 自定义抽屉宽度
    };
  },
};
</script>

2. 如果你希望在窗口大小变化时动态调整抽屉的大小，可以使用 `width` 属性，并结合 Vue 的响应式特性来监听窗口大小的变化。例如，可以根据屏幕宽度来决定是否全屏展开：

watch: {
  $refs.drawerRef.clientWidth(newWidth) {
    this.isFullScreen = newWidth >= window.innerWidth * 0.8;
  }
},
methods: {
  isFullScreen() {
    return this.size === 'full';
  },
}

然后在模板中根据 `isFullScreen` 来切换 `size`：

<el-drawer ref="drawerRef"
  :size="isFullScreen ? 'full' : 'medium'"
  ...其他属性...>
</el-drawer>