carousel : "312312.img,42379.img"这条数据怎么在element ui轮播图轮播出来
时间: 2023-05-16 10:07:22 浏览: 113
zepto-carousel:Zepto.js 图像轮播插件
您可以使用 Element UI 的 Carousel 组件来实现这个功能。首先,您需要将这些图片的 URL 存储在一个数组中,然后将该数组传递给 Carousel 组件的 :items 属性。例如:
<template>
<el-carousel :interval="4000" arrow="always">
<el-carousel-item v-for="(item, index) in items" :key="index">
<img :src="item">
</el-carousel-item>
</el-carousel>
</template>
<script>
export default {
data() {
return {
items: [
'312312.img',
'42379.img'
]
}
}
}
</script>
这将创建一个轮播图,其中每个项目都是一个包含一个图像的 CarouselItem 组件。您可以使用 :interval 属性来设置轮播图之间的间隔时间,使用 arrow 属性来控制箭头的显示方式。
阅读全文