mounted:function(){
this.initWebSocket();
},
methods:{
initWebSocket(){
//初始化
this.websocket = new WebSocket('');
var that = this.websocket;
that.onopen = this.websocketonopen;
that.onerror = this.websocketonerror;
that.onmessage = this.websocketonmessage;
that.onclose = this.websocketclose;
},
websocketonopen() {
//发送
this.websocket.send('');
console.log("WebSocket连接成功");
},
websocketonerror(e) {
//错误
console.log("WebSocket连接发生错误");
},
websocketonmessage(res){
console.log("接收数据" ， res)
//数据接收
//处理逻辑
},
websocketclose(e){
//关闭
console.log("connection closed (" + e.code + ")");
},
}
destroyed: function() {
//页面销毁时关闭
this.websocket.onclose = this.websocketclose();
}vue 简单实用 webSocket 实时推送数据
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 引用地址：https://www.cnblogs.com/haha12/p/11933310.html
- 一、实现目标 1、在线聊天，客服聊天，聊天室 2、业务数据实时展示，自动更新 二、实践步骤 以下是为了实现：业务数...
- 之前公司的某个系统为了实现推送技术，所用的技术都是Ajax轮询，这种方式浏览器需要不断的向服务器发出请求，显然这样...
- 项目中需要实时更新数据，马上就想到了websocket，以下是websocket使用方法，在此记录一下。 有不合理...
- 用户登陆后即时推送业务信息，使用element-UI的Notification 通知进行提示，并通过Notific...
