element ui vue2 轮播图代码

以下是使用 Element UI 和 Vue2 实现的轮播图代码示例：

<template>
  <el-carousel :interval="4000" arrow="never">
    <el-carousel-item v-for="(item, index) in items" :key="index">
      <img :src="item.imageUrl">
    </el-carousel-item>
  </el-carousel>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { imageUrl: 'https://example.com/image1.jpg' },
        { imageUrl: 'https://example.com/image2.jpg' },
        { imageUrl: 'https://example.com/image3.jpg' }
      ]
    }
  }
}
</script>

在上面的代码中，我们使用 `el-carousel` 组件和 `el-carousel-item` 组件来创建轮播图，其中 `:interval="4000"` 属性设置轮播间隔时间为 4 秒，`arrow="never"` 属性隐藏轮播箭头。在 `items` 数组中添加需要轮播的图片信息，使用 `v-for` 指令将每张图片渲染为一个 `el-carousel-item` 组件。图片的路径保存在每个对象的 `imageUrl` 属性中，使用 `:src` 属性将图片路径绑定到 `img` 标签上。