感谢同事封装的一个 WebSocket1.js
var serverIp = 'ip地址'
var port = 端口号
export function webSocketClient() {
var wsUrl = 'ws://' + serverIp + ':' + port
var ws = new WebSocket(wsUrl)
return ws
}
页面中调用WebSocket1.js
import {webSocketClient} from '@/api/websocket1'
methods中
initWebSocket(){
this.websocket=webSocketClient()
this.websocket.onopen=this.webSocketClientOnopen
this.websocket.onmessage = this.webSocketClientOnmessage
this.websocket.onerror = this.webSocketClientOnerror
this.websocket.onclose = this.webSocketClientOnclose
},
webSocketClientOnopen(){
console.log('链接成功')
this.websocket.send("MyData");
},
webSocketClientOnmessage(e) {
this.listData = JSON.parse(e.data).listData
);
},
webSocketClientOnerror(){
console.log("dataCnc01G websocket连接错误");
},
webSocketClientOnclose(){
console.log("dataCnc01G websocket连接关闭");
},
},
created中
created(){
this.initWebSocket();
}