vue使用websoket(非封装)
上代码:
create:function(){
this.initWebpack()
}
methods:{
initWebpack(){//初始化websocket
let user = JSON.parse(localStorage.getItem('user'))
let userId = user.user.userId
const wsuri = "ws://xxx.xxx.xxx.xxx:8086/webSocket?id="+userId+"&code=1"; //连接数据获取不到数据配合后端加个参数试试
this.websock = new WebSocket(wsuri);
this.websock.onopen = this.websocketopen;
this.websock.onmessage = this.websocketonmessage;
this.websock.onclose = this.websocketclose;
this.websock.onerror = this.websocketerror;
},
websocketopen(){//打开
console.log("WebSocket连接成功")
},
websocketonmessage(e){ //数据接收
consolo.log(e)
},
websocketclose(){ //关闭
console.log("WebSocket关闭");
},
websocketerror(){ //失败
console.log("WebSocket连接失败");
},
websocketsend(date){
this.websock.send(date)
},
}