String vuetify v-select显示长字符串

我正在制作一个表单，其中包含带有长字符串项的v-select控件，例如

• 要显示头的长字符串项

• 显示手的长字符串项目

等等

v-select控件将通过手机显示，因此用户应该阅读每个项目，而不是以下内容

• 长字符串项
• 长字符串项

是否有将完整项目文本显示到列表项中的选项

以下是一些屏幕截图：

---

直接给插槽内的项目。这将删除文本截断

<v-select
  v-model="select"
  :items="items"
  label="Select"
  >
  <template v-slot:item="slotProps">
    {{slotProps.item}}
  </template>
</v-select>

...
...
data: {
  select: null,
  items: [
    'long string item to display Head',
    'long string item to display Hands',
    'long string item to display Eyes',
    'long string item to display Stomach',
   ],
}

{{slotProps.item}
...
...
数据：{
选择：空，
项目：[
'要显示标题的长字符串项'，
“要显示手的长字符串项目”，
“要显示眼睛的长字符串项目”，
“要显示的长字符串项”，
],
}

---

直接给插槽内的项目。这将删除文本截断

<v-select
  v-model="select"
  :items="items"
  label="Select"
  >
  <template v-slot:item="slotProps">
    {{slotProps.item}}
  </template>
</v-select>

...
...
data: {
  select: null,
  items: [
    'long string item to display Head',
    'long string item to display Hands',
    'long string item to display Eyes',
    'long string item to display Stomach',
   ],
}

{{slotProps.item}
...
...
数据：{
选择：空，
项目：[
'要显示标题的长字符串项'，
“要显示手的长字符串项目”，
“要显示眼睛的长字符串项目”，
“要显示的长字符串项”，
],
}

---

您能否举例说明您想要实现的目标，以及您是否可以为上述问题创建一个代码笔。这对快速解决您的问题非常有帮助。您可以用一个例子解释一下，您试图实现的目标，以及您是否可以为上述问题创建一个代码笔。这将非常有助于更快地解决您的问题