Vue：下拉框多选影响行高

目录

• [一、 出现场景](#一、 出现场景)
• [二、 解决方案](#二、 解决方案)

---

一、 出现场景

在使用el-select增加multiple属性进行多选时，会出现高度塌陷的情况

二、 解决方案

首先需要在el-select中增加collapse-tags属性，并在style中增加如下样式

方案一

<style scoped>
::v-deep .el-select .el-tag {
  width: 60px;
}

::v-deep .el-select .el-tag:last-child {
  width: auto !important;
}
</style>

方案2

<style scoped>
::v-deep .el-select__tags-text {
  max-width: 60px !important;
}
</style>