export default {
data(){
return {}
},
created(){
this.initWebSocket();
},
destroyed(){
this.websock.close() //离开路由之后断开websocket连接
},
methods:{
initWebSocket() { //初始化weosocket
const wsuri = "ws://172.16.26.133:8080/xcdpWK/"; // websocked url地址
this.websock = new WebSocket(wsuri);
this.websock.onmessage = this.websocketonmessage;
this.websock.onopen = this.websocketonopen;
this.websock.onerror = this.websocketonerror;
this.websock.onclose = this.websocketclose;
console.log('weosocket已连接')
},
websocketonopen() { //连接建立之后执行send方法发送数据
let actions = {
"test": "12345"
};
this.websocketsend(JSON.stringify(actions));
console.log('消息发送成功!')
},
websocketonerror() { //连接建立失败重连
console.log('weosocket连接建立失败')
this.initWebSocket();
},
websocketonmessage(e) { //数据接收
console.log('weosocket数据接收')
const redata = JSON.parse(e.data);
console.log(redata)
},
websocketsend(Data) { //数据发送
this.websock.send(Data);
},
websocketclose(e) { //关闭
console.log('断开连接', e);
},
}
}
vue中使用WebSocket
最新推荐文章于 2024-07-22 10:57:42 发布