Quasar q-значок для использования значка в папке активов

#vue.js #quasar-framework #quasar

#vue.js #quasar-framework #quasar

Вопрос:

У меня в моей папке активов есть значок с именем «home.svg». как я могу направить свой q-icon компонент, чтобы получить значок внутри assets/ каталога.

Я пробовал применять этот способ:

   <q-icon name="img:/assets/home.svg" class="text-dark" style="font-size: 32px;" />
  

но изображение не отображается.

введите описание изображения здесь

Ответ №1:

Вы хотите использовать default слот. И смотрите Правила разрешения ресурсов.

 <q-icon class="text-dark" size="lg">
  <img src="~assets/home.svg" />
</q-icon>
  

Ответ №2:

Я не знаю, какую версию Quasar вы использовали при написании этого поста, но Quasar (V2 на сегодняшний день) поддерживает файлы изображений / SVG. Итак, ваш способ должен сработать сейчас:

 <q-icon name='img:path/to/img' />
  

Вы можете посмотреть соответствующие документы здесь

введите описание изображения здесь.