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"/>