Иконки не отображаются в приложении Vuetify - PullRequest
Новая
       7

Иконки не отображаются в приложении Vuetify

0 голосов
/ 20 января 2020

Я создал приложение Vue. js с Vuetify, однако, когда я использую компонент 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>

Когда я запускаю приложение, появляется слово Дом отображается в отличие от значка

1 Ответ

2 голосов
/ 21 января 2020

Следуйте приведенным здесь инструкциям, чтобы установить и использовать значки материалов: https://vuetifyjs.com/en/customization/icons#install -material-icons

В качестве альтернативы, вы можете использовать стандартные значки Material Design (да, они оба другой) и измените свой код на: 

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

, чтобы использовать значок из набора значков Material Design по умолчанию.

...