elementui 输入框下拉面板宽度跟随输入框宽度

elementui 输入框下拉面板宽度跟随输入框宽度

    <el-form-item label="业务系统" prop="businessSystemId" class="select-mul" v-else>
              <el-select
                v-model="projectForm.businessSystemIdList"
                placeholder="请选择业务系统"
                style="width: 100%"
                multiple
                filterable
                collapse-tags
                @focus="setOptionWidth"
              >
                <el-option
                  v-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";
      });
    },

版权声明:本文为u010328533原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。