我在Pug中有一些对象,并希望通过以下方法呈现列表:
var categoryList = [
{
img: '/src/img/images/category1.jpg',
name: 'Консервация'
},
{
img: '/src/img/images/category2.jpg',
name: 'Мороженое и десерты'
},
{
img: '/src/img/images/category3.jpg',
name: 'Кондитерские ингредиенты'
},
我想为每个元素设置背景图像,但是找不到正确的语法。我该怎么做?
each category in categoryList
a.category-item(href='catalog.html')
My try // .category-item_img(style='background-image : url(category[x].img);')
正确的语法应为以下任意一种:
// with string concatenation
each category in categoryList
a.category-item(href='catalog.html')
.category-item_img(style='background-image: url(' + category.img + ')')
// with template literals
each category in categoryList
a.category-item(href='catalog.html')
.category-item_img(style=`background-image: url(${category.img})`)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句