createWebsocket() {
// @ts-ignore创建一个和服务端的WS链接对象
this.socket = new WebSocket(`${ wsDevURL8085A }/xxx`)
// 链接打开时的处理方法
this.socket.onopen = () => {
console.info("Successfully connected")
}
// 链接关闭时的处理方法
this.socket.onclose = (event: any) => {
console.error(`Closed websocket connection: code ${event.code}`)
}
this.socket.onerror = (err: any) => {
console.error(`Websocket error, closing connection.`, err)
this.socket.close()
}
// onmessage这个是当ws收到数据时调用的方法
this.socket.onmessage = (event: any) => {
// 接收并返序列化JSON数据
let data = JSON.parse(event.data)
console.log(data )
//this.dealWsData(data)
}
},
记录vue使用websocket方法
最新推荐文章于 2024-08-29 14:26:44 发布