vue中設置背景圖


在vue中通過css方式設置背景圖不生效,大意了,沒有閃。那我們就來看看解決方法吧:

首先在date中定義一個對象,里面配置背景圖片的屬性,比如圖片、是否平鋪、圖片大小等,然后在需要設置的div中通過:style來綁定這個對象

我有閃,上代碼:

 data(){ return{ note: { backgroundImage: "url(" + require("../assets/logo.png") + ")", backgroundRepeat: "no-repeat", backgroundSize: "25px auto", marginTop: "5px", }, } }, <div class="note" :style="note"></div>

這就行了,記得給div加上寬高哦。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM