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>