vue中动态绑定图片根据状态切换高亮

// html部分
<div v-for="(item,index) in iconData" :key="index">
<img :src="item.iconImgName"/>
</div>
// js部分
this.axios.post(data).then((res)=>{
      if(res.data){
                // 动态获取本地的置灰图标
                for(let i of res.data){
                       i.iconImgName=require("../assets/imgs/"+i.iconImgName+".png")
                };
                // 动态获取本地的高亮图标
                for(let i of res.data){
                          // 判断返回的数据是否含有高量show状态，有就切换图标的名称
                          if(i.showType=='show'){
                                     i.iconImgName=require("../assets/imgs/"+i.imgHighlightNm+".png")
                          }
                }
                // 获取图标数据
                this.iconData=res.data
      }
}).catch((err)=>{
})