elemnt轮播图本地图片

elemnt轮播图是一种基于Vue.js的组件库，通常用于创建带有动画的轮播效果。在elemnt中实现本地图片轮播，通常需要按照以下步骤进行：

1. 引入elemnt轮播组件库到你的项目中。如果你是通过npm或yarn来管理项目依赖，可以通过对应的命令安装。

2. 在你的Vue组件中引入`<el-carousel>`、`<el-carousel-item>`组件。

3. 准备本地图片数组，这个数组包含了所有本地图片的路径。

4. 在模板中使用`<el-carousel>`组件，并将图片数组通过`v-for`指令循环绑定到`<el-carousel-item>`上，每个`<el-carousel-item>`对应一个图片路径。

5. 根据需要设置轮播图的参数，如自动播放、间隔时间等。

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

<template>
  <div>
    <el-carousel height="200px" :interval="5000">
      <el-carousel-item v-for="(image, index) in images" :key="index">
        <img :src="image" style="width: 100%;">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
import { Carousel, CarouselItem } from 'element-ui';

export default {
  components: {
    'el-carousel': Carousel,
    'el-carousel-item': CarouselItem
  },
  data() {
    return {
      images: [
        require('@/assets/img1.png'),
        require('@/assets/img2.png'),
        require('@/assets/img3.png')
      ]
    };
  }
};
</script>

请注意，`require`函数用于加载本地的图片资源，路径需要根据你的项目结构来设定。