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

【问题标题】：Remove default v-input-file icon in Vuetify删除 Vuetify 中的默认 v-input-file 图标
【发布时间】：2020-04-09 17:56:28
【问题描述】：

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

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

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

有没有办法摆脱它？

【问题讨论】：

【解决方案1】：

我刚试过，效果很好：

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

【讨论】：

【解决方案2】：

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

您可以通过像这样初始化 Vuetify 在整个应用程序中全局禁用（或更改）它：

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

【讨论】：

【解决方案3】：

试试这个：

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

或

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

【讨论】：

【解决方案4】：

使用 :prepend-icon="null"

【讨论】：