websocket 引入动图但是不显示

Question

   <div class="imgbox">
      <img id="example1" :rel:animated_src="imgUrlGIF" rel:auto_play="1" />
    </div>
 imgUrlGIF: '',
 getWebSocketVal() {
        const that = this;
        //调用封装的 websocket 请求方法
        let WRFUrl = "ws://47.94.52.215:8001" + this.WRFUrl;
        // 连接WebSocket
        let WRFwebsocket = new WebSocket(WRFUrl);
        // WebSocket 连接成功时
        WRFwebsocket.onopen = function() {
          //发送信息
          WRFwebsocket.send('1');
          // 定时执行发送信息
          setInterval(function() {
            WRFwebsocket.send('1');
          }, 1000 * 60)
        };
        //获取 websocket 返还数据
        WRFwebsocket.onmessage = function(res) {
          const val = JSON.parse(res.data)
          let base_url = 'http://47.94.52.215:8002'
          that.imgUrlGIF = base_url + val.gcloud;
          console.log(that.imgUrlGIF)// 可以打印出来动图地址
        }
      },

控制台怎么显示宽高都为0呢？

Answer 1

1