vue.js - 如何在 Vue.js 中设置多行标题 v-toolbar？

Question

我正在使用 Vuetify 库在 Vue.js 中创建应用程序。在应用程序中，我正在显示 v-cards，其标题的长度不同。我的问题是我想根据需要在尽可能多的行中显示所有标题。相反，标题中断了，只有“...”一行。如何改变它？

模板：

<v-card max-width="900" class="mb-6">
  <v-toolbar flat color="grey darken-2" dark>
    <v-toolbar-title align="left">
      {{ labels[0].key }}
    </v-toolbar-title>
  </v-toolbar>
  <v-card-text>
    <v-text-field
      color="grey"
      v-model="labels[0].translation"
      label="Translation"
    >
    </v-text-field>
  </v-card-text>
</v-card>

使用后：

style="overflow: visible"

显示所有文本，但仍不显示多行。

编辑：

使用p 代替后v-toolbar-title：

标签： vue.jsvuetify.jstitlemultilinecard

Answer 1

我认为不可能...我通过Vuetify搜索...您可以将其更改为普通p元素不v-toolbar-title