Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript v-img仅在与常规img HTML标记一起使用时出现在v-for循环中_Javascript_Vue.js_Vuetify.js - Fatal编程技术网

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

Javascript v-img仅在与常规img HTML标记一起使用时出现在v-for循环中,javascript,vue.js,vuetify.js,Javascript,Vue.js,Vuetify.js,我这里有一个非常奇怪的问题,我想对/static中的图像使用for循环(使用v-for) 奇怪的是,使用v-img仅在与img结合使用时有效。我希望严格使用v-img,以便于格式化和连续性 以下是我的代码和每个示例的屏幕截图: 只需使用v-img 图像以标准img属性显示。 同时使用v-img和img 显示来自v-img和img的图像。 你可以试试这个我希望它有帮助。我已经给出了一个关于codepen的例子 这对我来说很有用我得到了找不到模块'image.src'(NuxtServe

我这里有一个非常奇怪的问题,我想对
/static
中的图像使用for循环(使用
v-for

奇怪的是,使用
v-img
仅在与
img
结合使用时有效。我希望严格使用
v-img
,以便于格式化和连续性

以下是我的代码和每个示例的屏幕截图:

只需使用
v-img
图像以标准
img
属性显示。

同时使用
v-img
img

显示来自
v-img
img
的图像。

你可以试试这个
我希望它有帮助。

我已经给出了一个关于codepen的例子



这对我来说很有用

我得到了
找不到模块'image.src'
(NuxtServerError)
图像
从哪里来?@Josef7
数据
中的
图像
对象你能提供组件的全部代码吗?我对您提供的代码片段没有相同的问题。
<div v-for="(image, index) in images" :key="index">
 <v-img :src="image.src"></v-img>
</div>
<div v-for="(image, index) in images" :key="index">
  <img class="image" :src="image.src" :alt="image.alt">
</div>
<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 v-for="image in images" :src="image.src"  aspect-ratio="2"/>