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