数组循环图片得时候图片地址也出来了

Question

<li  v-for="index in wrfList" :key="index" :class="[index===imgListIndex?'active':'']" @click="setStyle(index)">
                <span>{{index}}</span>
                <img src="../../assets/tcone.png" >
</li>
JS————
CL_Cnwebsocket.onmessage = function (res) {
          let  val = JSON.parse(res.data)
               val=JSON.parse(val.listCLCN2)
          let base_url='http://47.94.52.215:8002'
          that.wrfList = [];
          for (let i = 0; i < val.length; i++) {
            that.wrfList.push(base_url + val[i].cl_wrf_p);
          }

Answer 1

这个应该是key值重复了

 v-for="(index,item) in wrfList" :key="item" //最好是把item跟index调换个位置