element使用select组件下拉框位置偏移

欢迎大佬光临,望大佬批评指正,不喜就喷,共同进步,谢谢!

项目弱弱的说一句:如果对您有帮助还望大佬点赞哦。

一. 为什么会出现这样的问题?(比较赶的大佬请下拉至二直接看解决方案)

请看下图解析

在这里插入图片描述
上述图片解析


	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 的属性值,改变其偏移位置。(类如果没效果,请添加在全局中)

欢迎大佬来踩,批评指正,共同进步,不喜就喷 谢谢!!!

猜你喜欢

转载自blog.csdn.net/weixin_44716659/article/details/108604130
今日推荐