与常规img HTML标签一起使用时，v-img仅出现在v-for循环中

Question

我这里有一个很奇怪的问题，我想为v-for中的图像使用for循环（使用/static）。

奇怪的是，仅将v-img与img结合使用才有效。我想严格使用v-img来简化格式设置和延续操作。

这是我的代码和每个示例的屏幕截图：

只需使用v-img

<div v-for="(image, index) in images" :key="index">
 <v-img :src="image.src"></v-img>
</div>

不显示任何内容。

只需使用img

<div v-for="(image, index) in images" :key="index">
  <img class="image" :src="image.src" :alt="image.alt">
</div>

显示的图像具有标准的img属性。

同时使用v-img和img

<div v-for="(image, index) in images" :key="index">
  <v-img :src="image.src"></v-img>
  <img class="image" :src="image.src" :alt="image.alt">
</div>

同时显示来自v-img和img的图像。

Answer 1

我已在Codepen上举了一个例子

  

https://codepen.io/anon/pen/zVmMYK

<v-img v-for="image in images" :src="image.src"  aspect-ratio="2"/>

这对我有用

Answer 2

您可以尝试使用此<v-img :src="require('image.src')"></v-img>，希望对您有所帮助。