el-drawer固定宽度

el-drawer 组件的默认宽度为 30%。如果想要改变宽度，可以使用 :size 属性并设置你想要的值。例如，如果你想要将宽度设置为 50%，可以使用 :size="50"。具体的代码示例如下：

<el-drawer title="我是标题" :visible.sync="drawer" :size="50">
  <span>我来啦!</span>
</el-drawer>

其中，`:visible.sync="drawer"` 是用来控制抽屉的显示与隐藏的。你可以通过改变 `drawer` 的值来打开或关闭抽屉。在 `data()` 方法中，需要定义 `drawer` 的初始值为 `false`。

此外，如果你想要设置 el-drawer 的固定宽度，你可以使用 CSS 样式来实现。例如，你可以在 `.el-drawer__container` 类的样式中添加 `width: 固定宽度` 的属性。具体的 CSS 代码示例如下：

.el-drawer__container {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 固定宽度;
}

请注意，这种方法将会设置所有的 el-drawer 组件的宽度为固定值，而不是单独设置某个特定的 el-drawer 组件的宽度。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Element Drawer 抽屉改变默认宽度和高度](https://blog.csdn.net/Dear_Miriam/article/details/125856623)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [bottom-drawer:一个固定的底部抽屉 Polymer JS 组件，类似于 Discourse 的回复 composer](https://download.csdn.net/download/weixin_42129113/19853201)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]