VueJS
Docs göre: Birkaç kalıplarını denedimVueJS v-bağlama: background-görüntü için stili: url()
<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div>
:
<div v-bind:style="{ background-image: url(item.img), }"></div>
<div v-bind:style="{ 'background-image': url('item.img'), }"></div>
<div v-bind:style='{ backgroundImage: "url(item.img)", }'></div>
Ama Sonuçlar, HTML style
özniteliği için geçerli değil.
Herhangi bir fikrin var mı? içinde
<div v-bind:style='{ backgroundImage: "url(" + item.img + ")", }'></div>
Sonuçlar: a bilgisayarlı özelliğini kullanarak
<div style='{ background-image: url("/img/path/img.jpg"), }'></div>