之前项目里有用到elementUI的弹窗的,总是自动超出隐藏然后滚动条,刚开始不知道怎么处理,都是自己新写一个弹窗使用,其实是有解决方法的,只是当时没找到:
依照elementUI文档给dialog添加了 custom-class 之后利用 ::v-deep 穿透,在css中添加以下代码就能实现高度超出了:
.container-box{
//弹出层的高度
::v-deep .el-dialog.import-dialog{
height: auto;
max-height: 80vh;
overflow-y: auto;
}
//弹出层里内容的高度
::v-deep .el-dialog__body{
max-height: 70vh!important;
}
}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。