.el-select 多选只显示一行
时间: 2023-08-17 12:09:48 浏览: 393
Vue中el-form标签中的自定义el-select下拉框标签功能
你可以使用 `el-select` 的 `collapse-tags` 属性来实现多选只显示一行。将该属性设置为 `true`,当选中的选项超过一行时,会自动折叠显示为一个 tag。这样可以限制多选的显示高度,保持只显示一行。
示例代码如下:
```html
<el-select multiple collapse-tags v-model="selectedOptions">
<el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>
```
在上面的示例中,`selectedOptions` 是绑定的选中值数组,`options` 是可选项数组。当选中的选项超过一行时,会以 tag 的形式折叠显示。
你可以根据自己的需求调整 `el-select` 的样式和其他属性来满足你的要求。
阅读全文