vue中class类名如何拼上循环出来的下标?@令狐张豪

在项目中很多地方我们会用到循环一个div,但是这个类名又不能写死了,今天巩固下class类名上如何拼上循环出来的下标

这里就直接上代码,简洁易懂

<div v-for="(item,index) in data" :class="['active_img_' + `${index + 1}`]">
	{
     {
     item.text}}
</div>

渲染出来的div如下
vue中class类名如何拼上循环出来的下标?@令狐张豪_第1张图片

end~~~

如有错误或观点不一致的请评论留言共同讨论,本人前端小白一枚,根据自己实际项目遇到的问题进行总结分享,谢谢大家的阅读!
文章对您有所帮助请给作者点个赞支持下,谢谢~

你可能感兴趣的:(vue,html,vue)