查看是否有CSS或JavaScript错误导致下拉框不显示: 检查浏览器的控制台(Console)是否有任何CSS或JavaScript错误。 确保没有其他元素的CSS样式(如z-index、overflow等)影响了el-select下拉框的显示。 尝试调整el-select的CSS样式,例如增加z-index值: css .el-select-dropdown { z-index: 1000 !important; } 尝试...
el-select内嵌在el-table中时,select下拉弹出框看不见的问题处理,项目中遇到用到el-select内嵌在表格的一个td cell中,起先是下拉框会随着页面的滚动而位置移动,这是因为popper-append-to-body 默认为true引起的,查阅之后,把它改为了false就可以了,可是这个时候发现,el-select点击展开,下来菜单却看不见了 1 :po...
buildName: value ||"", };this.$post(selectBuildByUser, requestData).then((res) => { console.log(res);if(res.status ===1) {this.sameNameArr = res.data.rows || [];this.buildList = res.data.rows || []; } }); },
el-select组件使用中,出现有数据但不显示,或者下拉框错位的情况 <el-form-item label="菜品类型"><el-selectv-model="form.type"class="m-2":popper-append-to-body="false"placeholder="选择种类"size="large"><el-option v-for="item in selectType":key="item.id":label="item.name":value="item....
首先el-select标签要加上:popper-append-to-body='false' 下拉框默认是会插入body下面的,也就是不在咱们的弹窗中,如果不在弹窗中,根据类名获取父盒子下的元素,这一步就走不通了 其次一定要找对父盒子,因为自定义是监听父盒子的滚动才会去处理关闭事件 最后 把v-closeSelect加在对应父盒子标签上 <template> <...
加个 automatic-dropdown 试试
element-ui的el-select组件采用jsx方式渲染,通过鼠标点击页面选不中下拉选项,原生select可以 题目来源及自己的思路 需求是,点击按钮弹窗messagebox,messagebox中有一个下拉框。因为messagebox是纯js,所以就想到用jsx实现 相关代码 // 请把代码文本粘贴到下方(请勿用图片代替代码) <template> <div class="hello"> <el...
1、给el-slelect添加类名如:my-select 2 、.my-select { /deep/.el-select__caret::before { conte...
Issue Remove Inactive [Bug] el-table 下el-select 下拉选项无法显示 #24387 Sign in to view logs Summary Jobs issue-remove-inactive Run details Usage Workflow file Triggered via issue April 9, 2024 08:47 ai-awen commented on #7902 111086c Status Success ...