el-select内嵌在el-table中时,select下拉弹出框看不见的问题处理,项目中遇到用到el-select内嵌在表格的一个td cell中,起先是下拉框会随着页面的滚动而位置移动,这是因为popper-append-to-body 默认为true引起的,查阅之后,把它改为了false就可以了,可是这个时候发现,el-select点击展开,下来菜单却看不见了

 
:popper-append-to-body="false"

  

检查元素发现,下拉框是存在的可就是不显示,经过定位挪动才知道,.el-table .cell默认样式有一个overflow:hidden,导致下拉框隐藏了,我们只需要设置样式: /deep/ .el-table td .cell { overflow: inherit; } 这个时候就能看到下拉菜单了

 
 
/deep/ .el-table td .cell {
	overflow: inherit;
}

  

posted on 2024-03-08 15:52  ygunoil  阅读(405)  评论(0编辑  收藏  举报