Всем привет! <div id="brands_main" class="grid"> <div class="brands-item gStar" style="background-image:

Question

Всем привет! <div id="brands_main" class="grid"> <div class="brands-item gStar" style="background-image:

url('../static/assets/img/brands/brand-logo-1.jpg')"><a href="#"></a></div>
<div class="brands-item diesel" style="background-image: url('../static/assets/img/brands/brand-logo-2.jpg')"><a href="#"></a></div>
<div class="brands-item barbour" style="background-image: url('../static/assets/img/brands/brand-logo-3.jpg')"><a href="#"></a></div>
<div class="brands-item lyleScott" style="background-image: url('../static/assets/img/brands/brand-logo-4.jpg')"><a href="#"></a></div>
<div class="brands-item replay" style="background-image: url('../static/assets/img/brands/brand-logo-5.jpg')"><a href="#"></a></div>
</div>
.gStar
width: 135px
height: 37px
.diesel
width: 84px
height: 31px
.barbour
width: 103px
height: 21px
.lyleScott
width: 122px
height: 57px
.replay
width: 115px
height: 35px
У меня есть секция Brands. В ней 5 картинок с разными размерами (менять. и подгонять нельзя, разные значит разные). Хочу данные макароны зарендерить через v-for. Как прописать применение класса в item in items? Прописать какой-то один класс типо :class=“imgSize”, а в data
data() {
return {
items:{
gStar: {
imgSize: {
‘width’: 84px,
‘height’: 31px}
}
Или как-то по-другому можно? Спасибо за ответ.

#frontend #javascript #programming #russian #vue.js

0

24.09.2018

1 ответов

31 просмотр

Alex Zosimov · Accepted Answer

Alex Zosimov

Все так :class=“item.class”

0

24.09.2018

169 похожих чатов

Всем привет! <div id="brands_main" class="grid"> <div class="brands-item gStar" style="background-image:

1 ответов

Похожие вопросы