简介:element中el-select下拉框位置错乱问题 一、问题展示 二、解决方法 :popper-append-to-body="false" 三、代码 <el-selectclass="item-value":popper-append-to-body="false":disabled="busTypeDisabled"v-model="formData.busType"@change="busTypeChange"placeholder="事务类型"><el-optionv-for="item in...
element中el-select下拉框位置错乱问题 el-select下拉框默认插入到body中的,出现这个问题就不能插入到body中,官网提供了一个属性popper-append-to-body(当下拉框样式出现问题时设置为false): :popper-append-to-body="false" 只是设置属性不插入到body中显然不能解决问题,所以还需要调整css样式 /deep/.el-select-d...
el-dropdown 下拉框中三角形隐藏方法 .el-popper { overflow: auto; } el-select 下拉框位置偏移 <el-selectclass="chooseSelect":placeholder="itemS.type"multiple v-for="(itemS, indexNum) in accountChoose.others.select":key="indexNum"v-model="itemS.chooseValue"@change="changeSele":popper-append-...
<el-selectpopper-class="popper-select":popper-append-to-body="false"><option></option></el-select> CSS ::v-deep .popper-select{position:absolute!important;top:35px!important;left:0px!important;} 总结 不再动态计算元素的位置,也不让它们插入到body中,而是让下拉框绝对定位到父元素上,从而实现子...
最近在做项目的时候发现一个问题,页面中的el-select组件在聚焦后,滚动页面,选择框的列表不跟着表单移动,而是飘走了。 如图: 解决方式 1、网上找了半天,说可以给el-select加一个:popper-append-to-body="false",让下拉列表渲染到元素的位置,而不是默认的body最后。试了一下,位置没问题,滚动的时候可以跟着跑了。
el-select下拉框默认插入到body中的,出现这个问题就不能插入到body中,官网提供了一个属性popper-append-to-body(当下拉框样式出现问题时设置为false): :popper-append-to-body="false" 1. 只是设置属性不插入到body中显然不能解决问题,所以还需要调整css样式 ...
造成原因:缩放屏幕时,下拉框会随着屏幕的缩放而偏移 解决办法:el-select标签中使用popper-class设置teleported=“false”,再去修改你的样式到正确的位置上 <el-selectv-model="value"placeholder="请选择"@change="onChange":teleported="false"popper-class="select"><el-optionv-for="item in options":key="...