v-select 如果为空则多显示文本 selection

Question

我有这个 <v-select multiple persistent-placeholder></v-select> 组件，如果选择为空，我想显示一些自定义内容，例如 No entry selected yet。

我有机会实现这个目标吗？我查看了道具和插槽，但 none 似乎符合我的需要。我尝试了 no-data 命名槽但没有用。

谢谢

Answer 1

看起来当前 vuetify 版本的最佳方法是使用您在评论中提到的占位符。检查我制作的代码笔：https://codepen.io/cmfc31/pen/GROyQMa

我只是添加了一些 css 使其看起来像一个项目

.no-entries input::placeholder {
    color: #212121 !important;
}

v-select multiple display text if empty selection