Vue 点击切换图片 选中，以及未选中状态

	<!--数据循环图片个数-->
   <div v-for="(item,index) in meterList" :key="index" @click="checkTransformer(item,index)">
   		<!--根据index去展示图片-->
       <img v-if="initTransformerIndex===index" src='@/assets/img/nbqlv.png'>
       <img v-else src='@/assets/img/nbqhui.png'>
		<!--根据index去展示名称，这时候可以给添加不同的class-->
       <div v-if="initTransformerIndex===index">{{ item.meter_name }}</div>
       <div v-else>{{ item.meter_name }}</div>
   </div>

data(){
	return{
		meterList:[], //循环所依靠的数组
		initTransformerIndex: 0 //给一个值用来判断
	}
},
methods:{
	  // 选中高亮
   	  checkTransformer(item, index) {
	   	  // 调取下步接口,同时传参查询
	      this.getmeterPower(item.meter_id)
	      // 改变值 = 选中的数index
	      this.initTransformerIndex = index
   	  },
}