vue 封装处理websocek的返回数据

websocket 返回的数据格式

<Msg=Req;Type=ExitHavePay;Plate=陕A938C8;CarType=小车;InTm=2022-03-06 10:39:56;LeaveTm=-13;ShouldPay=6.00;RealPay=6;CouponMon=0;InDevAdr=4111;
SerialNum=TP202203061039556664111>

接收到消息的回调方法

      //接收到消息的回调方法
      this.websocket.onmessage = function (event) {
        let data = JSON.parse(event.data)
        //data.data=='Success' 代表前台心跳推送的返回值
        if(data.data != 'Success'){
          that.ProcessInfo(that.ParseCommand('Type',data.data),data.data)
        }
      }

处理websocket返回的信息

    //处理websocket返回的信息
    ParseCommand(type,val){
      //type代表所取的参数  val代表实时通信收到的内容
      let str //函数最后返回出去的值
      //去掉前后 < >
      val = val.replace('<', '').replace('>', '')
      //根据; 把数据切割为数组
      let arr = val.split(';')
      //循环遍历取值
      for(let i = 0; i<arr.length; i++){
        let str1 = arr[i].split('=')[0]
        //判断函数接收到的type和循环遍历查到的type一样时则将函数最终返回出去的值进行赋值
        if(type == str1) {
          str = arr[i].split('=')[1]
          break;
        }
      }
      //返回参数
      return str
    },