websocket实时更新

1.main.js

/**websocket 实时更新设备表 */
Vue.prototype.websocketUrl = '192.168.3.20:8096'

2.组件中

created() {
    this.initWebSocketChange();
    this.findPage();
  },
methods: {
    //webSocket,实时更新设备表,判断是否接收到消息,是否进行刷新页面
    initWebSocketChange(){
      let that = this;
      let param = "{'grade':"+that.grade+",'classNo':"+that.classNo+"}";
      let ws = new WebSocket("ws:" + that.websocketUrl + "/customized/pushMessageWebSocket/" + param);

      ws.onopen = function(evt) {
        console.log("Connection open ...");
      };

      ws.onmessage = function(evt) {
        console.log( "Received Message: " + evt.data);
        if(evt.data == 'reloadDevice'){
          that.findPage();
        }
      };

      ws.onclose = function(evt) {
        console.log("Connection closed.");
      };

    },
}

注：socket.io也可以用，很简洁

参考连接：

www.cnblogs.com/zyulike/p/1…