vue根据传入的数据动态设置类名的方法

js：cate的数据

cate：      [{
						title: [{
							titleSplit: '美食',
							notLast: false
						}],
						class: 'hc-icon-foodNew',
		     }]

每一条数据前面的logo设置

html: lineData.class动态获取类名

<li class="c-item" v-for="(lineData,index) in cate" :key="index">
			<span class="r-icon" :class="lineData.class"></span>
</li>

补充: 根据类名判断是否加载某个元素及设置类名

//hot图标的设置
<span :class="lineData.class == 'icon-hotelNew' " v-if="lineData.class == 'icon-hotelNew' ">hot</span>

最终效果