v-for遍历数组图片
时间: 2023-11-11 17:01:21 浏览: 135
使用vue中的v-for遍历二维数组的方法
可以使用v-for指令来遍历数组并渲染图片。具体实现方法如下:
```html
<template>
<div>
<img v-for="(item, index) in imgList" :key="index" :src="item" />
</div>
</template>
<script>
export default {
data() {
return {
imgList: [
'https://example.com/img1.jpg',
'https://example.com/img2.jpg',
'https://example.com/img3.jpg'
]
}
}
}
</script>
```
在上面的代码中,我们使用了v-for指令来遍历imgList数组,并使用:key绑定了每个图片的唯一标识符。同时,我们使用了:src绑定了每个图片的地址。
阅读全文