vue template中 el-select下el-option 根据迭代的index的偶奇数使用不同的背景颜色
:class="classfunction" ,classfunction不同的条件返回不同的值,
<el-select v-model="ad_info.style" placeholder="请选择">
<el-option
:class="addClass(index)"
v-for="item,index in options"
:key="index"
:label="item.desc"
popper-class="eloption"
:popper-append-to-body="true"
:value="item.id">
<span class="desc_span">{{item.desc}}</span>
<img v-if="item.img" style='max-width:40%;max-height:100%;float: right' :src="'data:image/jpeg;base64,'+item.img">
</el-option>
</el-select>
script下定义method
addClass(index){
if(index%2==0){
return "even"
}
else{
return "odd"
}
}
style模块下定义
.even{
background-color: #F0F0F0;
}
.odd{
background-color: #FCFCFC;
}