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-input__icon的height和line-height属性,或者使用相对定位来调整其位置。 通过以上方法,你应该能够成功地设置el-select组件的高度,并满足你的布局需求。
<el-inputv-focus/> 没问题,输入框自动聚焦了,然后下拉框还是不行。然后网上搜索了一下,使用this.$refs.select.toggleMenu(),确实能自动展出了,但是有多个下拉框就有问题了,错位了 image.png 后来参考了vue el-select自动展开和高度设置_automatic-dropdown-CSDN博客 <el-input v-focus :automatic-dropdown="t...
return { showData: [],//展示在下拉框内的数据 allData: [],//搜索使用的所有数据 searchVal: "", rangeNumber: 10, addNumber:6,//下拉框滚动到底部后新增的条数 } }, created(){ this.getList() }, watch: { searchVal(newVal,oldVal){ // 清空输入框后重新给下拉内容赋值 if(!newVal){ th...
// 有多个下拉框,造成页面错位 let index = list.length - 1 let scrollWrap = list[index] let scrollBar = document.querySelectorAll('.el-scrollbar .el-scrollbar__bar') scrollWrap.style && (scrollWrap.style.cssText = 'margin: 0px; max-height: none; overflow: hidden;') ...