上次寫了一個簡單的圖片輪播,這個相當于在上面的一些改進。這個組件除了可以進行圖片滾動外,也可以嵌入任何內(nèi)容的標簽進行滾動,里面用了slot進行封裝。
十多年的樊城網(wǎng)站建設經(jīng)驗,針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務,響應快,48小時及時工作處理。成都營銷網(wǎng)站建設的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同,自動調(diào)整樊城建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)建站從事“樊城網(wǎng)站設計”,“樊城網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
父:
-----使用子組件傳過來的值,封裝slot
子組件:
這個組件相對來說功能比較完整,用戶可以通過傳參來控制當前頁面需要顯示幾張圖片,圖片滾動時間間隔,是否顯示左右點擊按鈕等等,詳細參數(shù)可以查看props,里面都有注釋。
以上這篇vue實現(xiàn)圖片滾動的示例代碼(類似走馬燈效果)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。