如何讓element-ui的select下拉框組件的下拉框寬度自適應select寬的寬度

。

思路：focus時獲取到select框的寬度，復制個一個變量，將這個寬度綁定到option上

代碼：

                   <el-select
                      v-model="item.text"
                      @focus="setOptionWidth">
                      <el-option
                        :style="{width:selectOptionWidth}"
                        v-for="(selectItem, selectIndex) in arr"
                        :key="selectIndex"
                        :label="selectItem.name"
                        :value="selectItem.name">
                      </el-option>
                    </el-select>

 

.

   setOptionWidth(event){
    // 下拉框彈出時，設置彈框的寬度
      this.$nextTick(() => {
        this.selectOptionWidth = event.srcElement.offsetWidth + "px";
      });
      
    }

 

 

 

。