删除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="undefined"></v-file-input>

或

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

Answer 3

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

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

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

请参见docs

Answer 4

使用 :prepend-icon="null"