vue websocket 和箭头函数

vue websocket 和箭头函数

在websocket中使用this 一定要用箭头函数原因：

• websocket中没有this下的方法,箭头函数会向外寻找（就像涟漪一样扩散）直到找到this.

   //判断浏览器是否支持websocket
    if("WebSocket" in window){
      console.log("支持");
		//请求网站
      var ws = new WebSocket('ws://127.0.0.1:8000/websocketlink/')

      //发送链接请求
      ws.onopen = function () {
		//这里发送的是GET请求
        ws.send({uid:sessionStorage.getItem('uid')});


      }
    //  发送消息
      ws.onmessage = (evt)=> {

      //  将获取信息打印
        var received_mag = evt.data
         this.$notification.open({
         //消息题目
        message: '审批消息',
        //消息内容
        description: received_mag,
        onClick: () => {
          console.log('Notification Clicked!');
        },
        });


        // alert(received_mag);

      }
      //捕获断开链接
      ws.onclose = function () {

        console.log('链接关闭')

      }

    }