vue中動態改變標簽背景圖片的問題記錄


之前在行內樣式中加背景圖片是這樣寫的:

<view class="radius" style="background-image:'url(https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png)';"></view>

但是vue來了, 標簽的背景圖片是循環item的img屬性, 需要動態展示, 在這里耽誤了些時間, 記錄一下, 希望遇到這個問題的人能一目了然:

如下寫法:

<view class="radius" v-bind:style="[{backgroundImage:'url('+ (item.img) +')'}]"></view>

這樣寫就可以了, 沒有問題。 網上查詢有其他做法 ,  但是這種最靠譜! 

 

以上內容代表個人觀點,僅供參考,不喜勿噴。。。


免責聲明!

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



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