2-Vue+WebSocket 实现页面实时刷新长连接
更新时间：2020-08-25 19:46:37 来源： 阅读量：
【摘要】 2-Vue+WebSocket 实现页面实时刷新长连接考必过小编为大家整理了关于2-Vue+WebSocket 实现页面实时刷新长连接的信息，希望可以帮助到大家！
2-Vue+WebSocket 实现页面实时刷新长连接
标签：data初始portwebonsagentdef错误websocket
参考：https://segmentfapt.com/a/1190000019301545
export defapt {
data() {
return {
websock: npl,
}
},
created(){
//页面刚进入时开启长连接
this.initWebSocket()
},
destroyed: function() {
//页面销毁时关闭长连接
this.websocketclose();
},
methods: {
initWebSocket(){ //初始化weosocket
const wsuri = 127.0.0.1:8080 + "/websocket/threadsocket";//ws地址
this.websock = new WebSocket(wsuri);
this.websocket.onopen = this.websocketonopen;
this.websocket.onerror = this.websocketonerror;
this.websock.onmessage = this.websocketonmessage;
this.websock.onclose = this.websocketclose;
},
websocketonopen() {
console.log("WebSocket连接成功");
},
websocketonerror(e) { //错误
console.log("WebSocket连接发生错误");
},
websocketonmessage(e){ //数据接收
const redata = JSON.parse(e.data);
// 接收数据
console.log(redata.value);
},
websocketsend(agentData){//数据发送
this.websock.send(agentData);
},
websocketclose(e){ //关闭
console.log("connection closed (" + e.code + ")");
},
},
}
2-Vue+WebSocket 实现页面实时刷新长连接
标签：data初始portwebonsagentdef错误websocket
以上就是2-Vue+WebSocket 实现页面实时刷新长连接的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！