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

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

  • 9
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值