用elemnt生成一个抽屉，抽屉弹出时底层页面可以滚动

以下是回答：

你可以使用以下代码来使用element生成一个抽屉：

<el-drawer
:visible.sync="visible"
:with-header="false"
:before-close="beforeClose"
:custom-class="'my-drawer'"
:append-to-body="true"
direction="rtl"
:open-delay="1000"
:close-delay="1000"
>抽屉里面的内容</el-drawer>

要使抽屉弹出时底层页面可以滚动，你需要给你的页面添加以下样式：

.my-drawer+div .el-scrollbar__wrap{
position:fixed!important;
overflow-y:auto!important;
}

这样就可以实现弹出抽屉时底层页面可以滚动的效果了。

相关问题

elemnt ui 年度

Element UI是一套基于Vue.js 2.0的桌面端组件库，由饿了么前端团队开发维护。它提供了丰富的UI组件和交互风格，可以帮助开发者快速构建出高质量的Web应用程序。Element UI在2016年首次发布，自此以后，它一直在不断地更新迭代，目前已经成为了Vue.js生态圈中最受欢迎的UI组件库之一。同时，Element UI也在不断地扩展其组件库，以满足不同场景下的需求。

elemnt table溢出隐藏

可以使用Element组件库的table组件的max-height属性来设置表格的最大高度，高出自动出现纵向滚动条，从而实现溢出隐藏。具体实现方法如下所示：

<el-table :data="dataList" :max-height="maxheight" v-loading="loading" class="table"></el-table>

其中，max-height属性用于设置表格的最大高度，dataList是表格的数据源，loading用于控制表格的加载状态，class用于设置表格的样式。

另外，如果想要在div中内容显示在一行，并将溢出的文字省略显示，鼠标悬停提示全部内容，可以使用text-overflow、white-space和overflow属性来实现。具体实现方法如下所示：

<div title="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" style="width:100px; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div>

其中，title属性用于设置鼠标悬停时的提示内容，text-overflow属性用于设置文本溢出时的显示方式，white-space属性用于设置文本的换行方式，overflow属性用于设置文本溢出时的处理方式。