本文主要是介绍elementui 输入框下拉面板宽度跟随输入框宽度,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
elementui 输入框下拉面板宽度跟随输入框宽度
<el-form-item label="业务系统" prop="businessSystemId" class="select-mul" v-else><el-selectv-model="projectForm.businessSystemIdList"placeholder="请选择业务系统"style="width: 100%"multiplefilterablecollapse-tags@focus="setOptionWidth"><el-optionv-for="item in resList":key="item.value":label="item.name":value="item.id":style="{width:selectOptionWidth}" :title="item.name"></el-option></el-select></el-form-item>
// 下拉框弹出时,设置弹框的宽度setOptionWidth(event){this.$nextTick(() => {this.selectOptionWidth = event.target.parentNode.parentNode.clientWidth + "px";});},
这篇关于elementui 输入框下拉面板宽度跟随输入框宽度的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!