Nuxt.js компонент Vuetify v-img не генерирует тег img


Nuxt.js компонент Vuetify v-img не генерирует тег img

03.12.2020 11:19:50 Просмотров 50 Источник

У меня проблема с vuetify. он не генерирует тег "img", вместо этого он генерирует тег" div "с" background-image", установленным в путь к изображению.

<v-img
      v-if="index === 0"
      :key="index"
      :alt="ticket.name"
      :src="image.thumbnail_images.large || '/images/icons/no_picture.jpg'"
      :width="isPWA ? '' : $vuetify.breakpoint.lgOnly ? 250 : 280"
      aspect-ratio="2"
      height="212"
      lazy-src="/images/icons/no_picture.jpg"
    />

это то, что у меня есть в моем компоненте

<div class="v-image__image v-image__image--cover" style="background-image: url(&quot;https://cdn.3click.com/UploadedFiles/1019.jpg&quot;); background-position: center center;"></div>

и это то, что генерирует

У вопроса есть решение - Посмотреть?

Ответы - Nuxt.js компонент Vuetify v-img не генерирует тег img / Nuxt.js Vuetify v-img component not generating img tag

Является ответом!
Boussadjra Brahim

03.12.2020 11:34:31

Согласно этой строке в исходном коде vuetify использует изображение в качестве фона:

        style: {
          backgroundImage: backgroundImage.join(', '),
          backgroundPosition: this.position,
        },

если вы хотите использовать изображение в качестве элемента, просто используйте тег html img.

Помочь в развитии проекта:
Закрыть X