Javascript 截断vuetify中的选择文本

以下是我在vuetify中的基本选择

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

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

下面是我的代码示例

---

我希望所有选项都缩短为100px

将类添加到

v-select

，simple

将类添加到

v-select

，simple

是什么阻碍了您将该样式添加到所有vuetify

实例？是什么阻碍了您将该样式添加到所有vuetify

实例？所以可能我的css是错误的，因为选项仍然像这里一样长：所以可能我的css是错误的，因为选项仍然像这里一样长：

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