除非说你去改动 el-dropdown 的源码,把自动修改展开位置的判断从判断视窗改成判断外部滚动容器。所以说 el-dropdown 元素开启 teleported 属性,这样 dropdown 就会挂载到 body 上面了,不会因为 el-table 超出隐藏导致被截断了。不然你的问题没办法解决,解决成本太高了。至于body 设置了 zoom 是适配的关系了。是...
} .el-select-dropdown__item.active{ background-color: rgba(37, 37, 41, 1); } /* 消除小三角 */ .el-popper[x-placement^=bottom] .popper__arrow{ border: none; } .el-popper[x-placement^=bottom] .popper__arrow::after{ border: none; } .el-popper[x-placement^=bottom]{ margin-to...
<style scoped> .custom-select .el-select__selection { background-color: #f5f7fa; /* 自定义背景色 */ border-color: #dcdfe6; /* 自定义边框色 */ border-radius: 4px; /* 自定义边框圆角 */ } .custom-select .el-select-dropdown__item { font-size: 14px; /* 自定义下拉项字体...
<template> <el-dropdown trigger="click"> <el-button icon="Setting" size="default">列设置</el-button> <template #dropdown> <el-dropdown-menu> <el-dropdown-item> 列设置 <Draggable class="t_table_column_setting_dropdown" v-model="state.columnSet" item-key="prop"> <template #item="...
vue3的el-table操作列的更多按钮使用el-dropdown,由于body设置zoom,所以dropdown必须使用teleported:false固定定位,却出现el-dropdown_item被el-table遮挡的现象怎么办?