html模板
<div :class="{active2 : index===current2}" @click="handleSealStyleImg(index)" v-for="(item,index) in sealStyleImg" :key="index" class="sealStyleImg" ref="sealStyleImg">
<img v-if="index==0 && current!==4" :src="item.url">
<img v-if="index==1 && current!==4" :src="item.url">
<img v-if="index==2 && current==4" :src="item.url">
<img v-if="index==3 && current==4" :src="item.url">
<img v-if="index==4 && current==4" :src="item.url">
<img v-if="index==5 && current==4" :src="item.url">
</div>
data里面的数据:
data () {
return {
sealStyleImg: [
{ url: require('../../../assets/images/seal-1.png') },
{ url: require('../../../assets/images/seal-2.png') },
{ url: require('../../../assets/images/seal-3.png') },
{ url: require('../../../assets/images/seal-4.png') },
{ url: require('../../../assets/images/seal-5.png') },
{ url: require('../../../assets/images/seal-6.png') }
]
}