在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ vue中如何給backgroundImage中的url賦值?

vue中如何給backgroundImage中的url賦值?

<div class="img2" :style="{backgroundImage:'url(http://xx.com:8091//upload/17.jpg)'}"></div>


這里http://xx.com:8091//upload/17.jpg是常量,所以能正常顯示

如果換成變量http_url='http://xx.com:8091//upload/17.jpg';

請(qǐng)問(wèn)如何把http_url傳進(jìn)去?


ps:網(wǎng)上提供的解決辦法:`<div class="img2" :style="{backgroundImage:'url('+http_url+')'}">
</div>`

貌似不行


。。。。。。。。。。。。。補(bǔ)充。。。。。。。。。。。。。。。。。。。。。。
我在data里已經(jīng)返回了一個(gè)worklist,下面item就是worklist遍歷的子項(xiàng)。
<div v-for="src of item.images" class="img2" :style="{backgroundImage:'url('+src+')'}"></div>
所以只能在頁(yè)面渲染部分解決這個(gè)問(wèn)題。
現(xiàn)在出現(xiàn)的問(wèn)題是:`<div v-for="src of item.images">{{src}}</div>`打印出來(lái)的結(jié)果是好的,比如:`http://xx/uploads/2.jpg`。
但是`<div v-for="src of item.images" class="img2" :style="{backgroundImage:'url('+src+')'}"></div>`就會(huì)有問(wèn)題,錯(cuò)誤信息顯示傳給src參數(shù)是服務(wù)器上的絕對(duì)路徑,例如:`D:/www/2.jpg`。

回答
編輯回答
喜歡你

不能把這個(gè)style對(duì)象直接扔進(jìn)計(jì)算屬性么,然后動(dòng)態(tài)獲取這個(gè)url拼接后返回,直接寫(xiě)在模版里面多麻煩,維護(hù)起來(lái)更麻煩

2018年5月7日 21:58
編輯回答
初念

字符串模板,${}

2017年10月10日 12:35
編輯回答
半心人

正常字符串處理不行嗎?
'url('+imageUrl+')',把imageUrl放到組件的data里。


不明白什么是“貌似不行”,是報(bào)錯(cuò)了還是單單無(wú)效?寫(xiě)了個(gè)測(cè)試demo JSfiddle測(cè)試。

補(bǔ)充的內(nèi)容沒(méi)貼代碼,也沒(méi)具體報(bào)錯(cuò)信息,想象不出。

2017年8月19日 20:29