欢迎大佬光临,望大佬批评指正,不喜就喷,共同进步,谢谢!
项目弱弱的说一句:如果对您有帮助还望大佬点赞哦。
一. 为什么会出现这样的问题?(比较赶的大佬请下拉至二直接看解决方案)
请看下图解析
上述图片解析:
1.红色框为select区域
2.主题内容的类(css样式) 设置了 margin-top:60px(在这里我们先怀疑是这个属性造成的影响);
根据上述两图比较得出答案:
去掉==margin-top:60px==属性,select组件恢复正常。
由上述得出答案:
因为select的下拉框,是插入在body里进行定位的,如果主体内容区域设置了margin,则定位跟随主题内容进行偏移
二. 解决方案
方法1. select组件 有属性 popper-append-to-body,该属性作用是否将弹出框插入至 body 元素,将该属性添加至select组件设为false,效果将正常显示。
<el-select v-model="intoFrom.merType" :popper-append-to-body="false" placeholder="选择商户类型">
<el-option label="企业商户" value="1"></el-option>
</el-select>
方法2. 方法1.如果不能解决,通过改变这个类 .el-select-dropdown 的属性值,改变其偏移位置。(类如果没效果,请添加在全局中)
欢迎大佬来踩,批评指正,共同进步,不喜就喷 谢谢!!!