Vue+ElementUI 轮播图组件：实现一次轮播四张图片

<template>
  <div class='carousel'>
    <el-carousel :interval='5000' arrow='always' indicator-position='outside'>
      <el-carousel-item v-for='(item, index) in carouselItems' :key='index'>
        <img :src='item' alt=''>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        carouselItems: [
          'https://picsum.photos/800/300?random=1',
          'https://picsum.photos/800/300?random=2',
          'https://picsum.photos/800/300?random=3',
          'https://picsum.photos/800/300?random=4',
          'https://picsum.photos/800/300?random=5',
          'https://picsum.photos/800/300?random=6',
          'https://picsum.photos/800/300?random=7',
          'https://picsum.photos/800/300?random=8',
        ]
      }
    }
  }
</script>
<style scoped>
  .carousel {
    margin: 20px;
  }
</style>