Nuxt.js компонент Vuetify v-img не генерирует тег img
У меня проблема с 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("https://cdn.3click.com/UploadedFiles/1019.jpg"); background-position: center center;"></div>
и это то, что генерирует
У вопроса есть решение - Посмотреть?
Ответы - Nuxt.js компонент Vuetify v-img не генерирует тег img / Nuxt.js Vuetify v-img component not generating img tag
Является ответом!

03.12.2020 11:34:31
Согласно этой строке в исходном коде vuetify использует изображение в качестве фона:
style: {
backgroundImage: backgroundImage.join(', '),
backgroundPosition: this.position,
},
если вы хотите использовать изображение в качестве элемента, просто используйте тег html img
.
Помочь в развитии проекта: