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

<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);
          }

这个应该是key值重复了

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

这里写了，这句这样写可能会导致更新/修改错误，这样估计写的方式不对，查查相关文档的相关内容，看看如何解决。
希望对题主有所帮助，可以的话，帮忙点个采纳！

应该是没获取到图片，把ip端口配置到vue.config,js内去

{{index}}渲染出来是什么 你注释一下看看