Vuetify v-file-input 仅带有图标

Question

我是 Vue 的新手，尤其是 Vuetify。

我想使用v-file-input组件，但我希望它只有回形针图标，没有文本框。我尝试使用 css 和指令，但我没能做到。

知道怎么做吗？

Answer 1

https://vuetifyjs.com/en/components/file-inputs/#file-inputs

与“隐藏输入”

我们将hide-input添加到 v-file-input（从 v2.3.0-beta.6 开始）

<v-file-input multiple label="File input" hide-input></v-file-input>

https://codepen.io/yipingruan/pen/ExPPozL