修改element的抽屉＜el-drawer的宽度

本文主要是介绍修改element的抽屉＜el-drawer的宽度，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Drawer 抽屉
有些时候, Dialog 组件并不满足我们的需求, 比如你的表单很长, 亦或是你需要临时展示一些文档, Drawer 拥有和 Dialog 几乎相同的 API, 在 UI 上带来不一样的体验.

我们通过el-button来显示Drawer，通过visible.sync来控制Drawer的显示状态。通过设置size属性来调整Drawer的宽度。

<el-drawertitle="我是标题":visible.sync="drawer":size="drawerWidth":with-header="false"><span>我来啦!</span>
</el-drawer>
<script>
export default {data() {return {drawerWidth: '60%' // Drawer宽度}}
}
</script>

这篇关于修改element的抽屉＜el-drawer的宽度的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---