The problem that the element multi-select box text is too long and will be deformed after multiple selection

Add style to modify style

:class="gatewayIds.length > 1 ? 'tags_data' : ''"

<el-select size="small" @change="selectGateway" class="common_input"
          :class="gatewayIds.length > 1 ? 'tags_data' : ''" multiple collapse-tags filterable clearable
          v-model="gatewayIds" placeholder="全部">
          <el-option v-for="item in gatewayList" :key="item.id" :label="item.name" :value="item.id">
          </el-option>
        </el-select>
::v-deep .el-tag.el-tag--info {
  width: vw(100);
  display: flex;
  justify-content: space-between;
}
.tags_data {
  ::v-deep .el-tag.el-tag--info:last-of-type {
    width: vw(36);
  }
}

result:

 

Guess you like

Origin blog.csdn.net/qq_40004867/article/details/130928326