网页上websocket连接及基本使用

最新推荐文章于 2024-08-12 18:13:42 发布

不安分的魔菇

最新推荐文章于 2024-08-12 18:13:42 发布

阅读量1.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/sinat_31680159/article/details/102962244

版权

前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

网页上websocket连接及基本使用

  created() {
    this.websocket = io(process.env.WEBSOCKET_URL,{transports:['websocket']});
    
    this.websocket.on('connect', () => {
      console.log('socket connected...',this.websocket.connected); // true
    });

    //socket推送 新增设备数量
    this.websocket.on('event_device_add',(data)=>{
      console.log('socket on ....',data)
      if(data.result==1){
        this.addDeviceData.deviceSum = parseInt(data.data.deviceSum);
        this.addDeviceData.value = data.data.value;
      }
    })
  }

  beforeDestroy() {
    //关闭websocket连接.
    this.websocket.close();
  }