vue+el-Carousel 走马灯 图片切换

WTM框架社区不开讨论,有问题没法解决,而且想要移植到现有项目,问题太多,舍弃掉了

这里是直接套用了el的图片点击阅览,使用时先看看自己的Carousel开了么,element默认是注释掉的

这里我运用的显示图片

<el-carousel height="300px" :autoplay="false" trigger="click"> // 关闭自动播放和鼠标放到走马灯上自动切换
            <el-carousel-item
              class="block"
              style="float: left"
              v-for="item in urlList" // urlList:图片地址组
              :key="item"
              display="inline-table"
            >
              <el-image
                style="width: 190px; height: 300px;"
                :src="item"
                :fit="fit" // 图片缩放形式,在data中自定义,可社区
                :preview-src-list="urlList"
              >
              </el-image>
            </el-carousel-item>
          </el-carousel>