对于上下文，我正在使用Vue 2.6.6，Vuetify 2.1.7和Font Awesome 4.7创建一个项目。

当我使用v-checkbox组件或使用v-checkbox组件的组件（例如<v-combobox>组件）时，出现的复选框将具有正确的选中图标，但未选中的复选框不正确图标。应用于选中图标的类将为fa fa fa fa-check-square（不确定3个单独的fa类的内容如何，​​但是无论如何），未选中图标将为far fa-square。

我可以通过在off-icon="fa fa-square-o"组件上设置属性<v-checkbox>来绕过此问题。但是，<v-combobox>不支持此属性，而且似乎有点破烂，所以我想避免采用这种方法。

我的导入文件大致类似于以下片段。我排除了无关的主题声明。

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({
  icons: {
    iconfont: 'fa4'
  },theme: {
    options: {
      customProperties: true
    }
  }
})

据我了解，所有自动生成的图标都应在其类中使用fa而不是far，因为我将icons.iconfont属性设置为'fa4' 。希望我遗漏了一些明显的东西，但是任何输入都值得赞赏！