【问题标题】:Vuetify vertical align v-select?Vuetify垂直对齐v-select?
【发布时间】:2020-07-20 09:42:32
【问题描述】:

我正在构建一个使用 Vuetify 的应用程序。我使用来自 Vuetify 的 Google 通讯录预制布局https://vuetifyjs.com/en/examples/layouts/google-contacts/

我一直在尝试在搜索表单旁边的 v-app-bar 中添加一个切换语言标志(使用 v-select)。但是,我不能让它垂直对齐。

有人有想法吗?

【问题讨论】:

  • 请贴出你试过的代码。

标签: vue.js vuetify.js


【解决方案1】:

在 v-select 组件中使用 hide-details="auto"

例子:

<v-select v-model="language" :items="i18n.availableLocales" hide-details="auto" >
</v-select>

【讨论】:

  • 哇,它有效,我非常感激,但我有点困惑,因为文档只是说“隐藏提示和验证错误。当设置为自动消息时,只有当有消息时才会呈现(提示、错误消息、计数器值等)显示”。所以我不明白
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-10-22
  • 2020-09-25
  • 2020-11-05
  • 1970-01-01
  • 2019-11-20
相关资源
最近更新 更多