基于vue element ui实现轮播图（复制即可）

最新推荐文章于 2024-07-06 19:22:44 发布

落影离殇

最新推荐文章于 2024-07-06 19:22:44 发布

阅读量894

点赞数 1

分类专栏： vue element ui 文章标签： vue elementui Powered by 金山文档

本文链接：https://blog.csdn.net/m0_62586364/article/details/128719297

版权

vue element ui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

template中：

<div>
        <!--      interval设置图片自动轮放时间，单位毫秒  -->
        <el-carousel :interval="3000" type="card" height="350px" indicator-position="outside">
          <el-carousel-item v-for="image in images">
            <img :src="image" >
          </el-carousel-item>
        </el-carousel>
  </div>

script内：

 data() {
        return{
          images:[
            require("../assets/runPic/run1.png"),
            require("../assets/runPic/run2.png"),
            require("../assets/runPic/run3.png"),
            require("../assets/runPic/run4.png"),
            require("../assets/runPic/run5.png"),
            require("../assets/runPic/run6.png"),

          ]
        }