相关疑难解决方法(0)

您可以添加一个类似的图标，<v-icon>backup</v-icon>但我找不到该v-icon标记内要使用的受支持单词的列表。有Material Design图标和Font Awesome图标的列表，但是默认图标呢？

我遇到了 Vuetify 中的图标无法正确显示的问题，例如下面是Vuetify 扩展面板。我已经尝试过这个问题中的解决方案vuetify icon not shows，但它们对我不起作用。您可以在下面看到 V 形向下图标显示为$vuetify.icons.expand。我试过导入 @mdi/font 这对我没有任何作用......这是我正在使用的代码：

import Vue from 'vue'
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css'
// import 'material-design-icons-iconfont/dist/material-design-icons.css'
import '@mdi/font/css/materialdesignicons.css'

Vue.use(Vuetify, {
    icons: {
        iconfont: 'mdi'
    }
});

//expansion panels

导入material-design-icons-iconfont/dist/material-design-icons.css，将图标更改为一些奇怪的图标。

请让我知道可能是什么问题以及我还可以尝试什么！

我已经使用 Vuetify 创建了一个 Vue.js 应用程序，但是当我使用 v-icon 组件时，会显示替代文本而不是图标。

我按照 Vuetify 网站上的快速入门指南创建了我的应用程序。

$  vue -V
@vue/cli 4.1.2

vue create my-app
cd my-app
$ vue add vuetify

然后，我只需将 home 添加到 src/components/HelloWorld.vue 中。

<template>
  <v-container>

    <v-icon>home</v-icon>

  </v-container>
</template>

<script>
export default {
  name: 'HelloWorld',

  data: () => ({
  }),
};
</script>

当我运行应用程序时，会显示“主页”一词，而不是图标