Vue.js 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(&quot;https://cdn.3click.com/UploadedFiles/1019.jpg&quot;); background-position: center center;"></div>

这就是根据源代码生成的内容vuetify使用图像作为背景：

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

---

如果您想使用图像作为元素，只需使用html

img

标记。

v-img实际上与background image css属性一起工作，它没有生成img标记的选项know@hamidniakan我应该使用什么组件来代替？