vue 內聯樣式style中的background


在我們使用vue開發的時候   有很多時候我們需要用到背景圖

這個時候會直接使用 內聯樣式 直接把你拿到的數據拼接上去

注意  在vue中直接使用style時 花括號一定別忘記

還有就是你的url一定要加引號拼接

:style = ' { backgroundImage : " url ( " + item.img + " ) " } ' 

完事!

補充:

好像還可以這樣寫 <div :style=" 'background-image' : ' url( ' + 內容+' ) ' "></div>

更新一點

當你的style設置背景色得時候是需要加{}得

但是如果是width這種就不用加了

over!


免責聲明!

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



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