websocket用法

websocket用法

websocket用法
destroyed() {
    this.websock.close(); //离开路由之后断开websocket连接
},
mounted() {
    this.initWebSocket();
},
methods:{
    initWebSocket() {
      //初始化weosocket
      //this.$wsurl地址类似ws://localhost:9080
      const wsuri = this.$wsurl;
      this.websock = new WebSocket(wsuri);
      this.websock.onmessage = this.websocketonmessage;
      this.websock.onopen = this.websocketonopen;
      this.websock.onerror = this.websocketonerror;
      this.websock.onclose = this.websocketclose;
    },
    websocketonopen() {
      //连接建立之后执行send方法发送数据
      this.websocketsend();
    },
    websocketonerror() {
      //连接建立失败重连，重新调用
      this.initWebSocket();
    },
    websocketonmessage(e) {
      //数据接收
      const reserveData = JSON.parse(e.data);
    },
    websocketsend(data) {
      //数据发送
      this.websock.send(data);
    },
    websocketclose(e) {
      //关闭
      console.log("断开连接", e);
    },
}