vue中v-for循环中class变量带入与style变量带入

常常遇到动态获取数据后,对应的样式也要根据数据做相应修改,查了一下可以这样实现:
1、场景:模块中循环四组数据显示,对应区域的背景图片要根据类型值展示对应的图;实现效果(因为值一样所以图一样)


image.png

2、代码实现:in-back是固定样式,item.imgClass为动态图片样式

 
{{item.demandTypeName}}
{{item.orgName}}发布了{{item.demandTypeName}}的{{item.demandName}}

3、网上查询了下,如果是style动态展示,可这样:

 {{item.title}}

你可能感兴趣的:(vue中v-for循环中class变量带入与style变量带入)