data(){
return{
websock: null,
}
},
beforeDestroy(){
this.websock.close()
},
mounted(){
this.initWebSocket();
},
methods:{
initWebSocket(){ //初始化weosocket
const wsurl = "ws地址";
this.websock = new WebSocket(wsurl);
this.websock.onmessage = this.websocketonmessage;
this.websock.onopen = this.websocketonopen;
this.websock.onerror = this.websocketonerror;
this.websock.onclose = this.websocketclose;
},
websocketonopen(){ //连接建立之后执行send方法发送数据
let actions = {"test":"12345"};
this.websocketsend(JSON.stringify(actions));
console.log('连接');
},
websocketonerror(){//连接建立失败重连
this.initWebSocket();
console.log('重新连接');
},
websocketonmessage(e){ //数据接收
const redata = JSON.parse(e.data);
// console.log('接收数据',redata);
},
websocketsend(Data){//数据发送
this.websock.send(Data);
},
websocketclose(e){ //关闭
console.log('断开连接',e);
},
}
WebSocket基础使用
于 2022-05-24 14:08:51 首次发布