删除 Vuetify 中的默认 v-input-file 图标

Question

v-file-input 是 Vuetify v2 中出现的新组件。

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

默认行为显示一个前置图标：

有没有办法摆脱它？

Answer 1

我刚试过这个，它奏效了：

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

Answer 2

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

您可以通过初始化 Vuetify 在整个应用程序中全局禁用（或更改）它，如下所示：

new Vuetify({
    icons: {
      values: {
        file: ''
      },
    } 
  })

请参阅文档