在 vuetify 中截断选择文本答案

【问题标题】：Truncate select text in vuetify在 vuetify 中截断选择文本
【发布时间】：2020-08-31 14:27:00
【问题描述】：

这是我在 vuetify 中的基本选择

<v-select
   :items="selectablePlaces"
   :label="$t('placeLabel')"
   v-model="placeId"
   required
></v-select>

我想在我的应用中为每一个选择添加这种风格：

width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

或向元素添加任何可能的 vue 特征，这样文本就不会填满整个屏幕。我怎样才能做到这一点？

这是我的代码示例https://codepen.io/zbyszek-kisy/pen/vYNzWRO 我希望所有选项都缩短到 100px

【问题讨论】：

【解决方案1】：

将类添加到v-select、codepen 简单

【讨论】：