vue 给v-for循环出来的元素设置不同样式

vue 给v-for循环出来的元素设置不同样式

html代码

<div style="display: flex;align-items:center;color:#2351F3" v-for="(item,index) in List" :key="index">
	<i :class="'listIcon'+(index+1)" style=" font-size: 20px;" class="el-icon-right">i>
    <el-button disabled>{{item.name}} {{item.id}}el-button>
div>

css代码

.listIcon1{display:none}