vue3+elementplus生成轮播图

Vue3 Element Plus提供了Carousel（轮播图）组件，可以用来生成轮播图。

以下是一个简单的示例代码：

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

<script>
import { ref } from 'vue'

export default {
  setup() {
    const items = ref([
      { imgUrl: 'https://picsum.photos/800/400?random=1' },
      { imgUrl: 'https://picsum.photos/800/400?random=2' },
      { imgUrl: 'https://picsum.photos/800/400?random=3' },
      { imgUrl: 'https://picsum.photos/800/400?random=4' }
    ])

    return {
      items
    }
  }
}
</script>

在上面的代码中，我们使用了`el-carousel`和`el-carousel-item`两个组件来生成轮播图。`el-carousel`是轮播图的容器，`el-carousel-item`是轮播图的每个项。我们通过`v-for`指令循环渲染每个轮播图项，并使用`:src`属性来绑定图片地址。

`interval`属性是轮播图的切换时间间隔，单位为毫秒。

最后，我们需要在`setup`函数中定义一个`items`变量，用来存放每个轮播图项的数据。在上面的示例中，我们使用了`ref`函数来定义`items`变量。

以上就是使用Vue3 Element Plus生成轮播图的示例代码。