el-select 实现宽度自适应

el-select 实现宽度自适应可以通过设置其父元素的宽度来实现。在上述代码中，el-select 的父元素是 el-form-item，而 el-form-item 的父元素是 el-col。因此，我们可以通过设置 el-col 的宽度来实现 el-select 的宽度自适应。具体实现方法是在 el-col 上添加一个类名，例如 "SelectCol"，然后在样式表中设置该类名的最大宽度为 400px，同时设置 el-select 的宽度为 100%。代码如下：

<el-col :span="8" class="SelectCol">
  <el-form-item label="供应商名" prop="supplier" :class="{ 'is-required': !dataForm.id}">
    <el-select class="SelectWidth" v-model="SelectCheckOrgValue" placeholder>
      <el-option v-for="(select ,index) in SelectCheckOrg" :key="index" :label="select.orgName" :value="select.orgName"></el-option>
    </el-select>
  </el-form-item>
</el-col>

<style lang="scss" scoped>
.SelectCol {
  max-width: 400px;
}
.SelectWidth {
  width: 100%;
  display: block;
}
</style>

这样就可以实现 el-select 的宽度自适应，并且最大宽度为 400px。