vue中怎么读取多张图片
时间: 2023-03-29 17:00:42 浏览: 163
从数据库读取多个图片
3星 · 编辑精心推荐
您可以使用Vue的v-for指令来循环读取多张图片。首先,您需要在data中定义一个数组,用于存储图片的URL。然后,在模板中使用v-for指令循环遍历该数组,并使用v-bind指令将每个图片的URL绑定到img标签的src属性上。例如:
```
<template>
<div>
<img v-for="image in images" :src="image" />
</div>
</template>
<script>
export default {
data() {
return {
images: [
'https://example.com/image1.jpg',
'https://example.com/image2.jpg',
'https://example.com/image3.jpg'
]
}
}
}
</script>
```
这样,您就可以在Vue中读取多张图片了。
阅读全文