vue WebSocket的使用

最近使用到了WebSocket 记录一下
data() {
return {
welllist: “”,
path:“ws://127.0.0.1:8080/wbSocket/mk”,
socket:"",
}
},
methods: {
init: function () {
if(typeof(WebSocket) === “undefined”){
alert(“您的浏览器不支持socket”)
}else{
// 实例化socket
this.socket = new WebSocket(this.path)
// 监听socket连接
this.socket.onopen = this.open
// 监听socket错误信息
this.socket.onerror = this.error
// 监听socket消息
this.socket.onmessage = this.getMessage
}
},
open: function () {
console.log(“socket连接成功”)
},
error: function () {
console.log(“连接错误”)
},
getMessage: function (msg) {
const datalist = JSON.parse(msg.data);
this.welllist = datalist
},
send: function () {
this.socket.send(params)
},
close: function () {
console.log(“socket已经关闭”)
},

destroyed () {
// 销毁监听
this.socket.onclose = this.close
},

mounted() {
this.init();//加载WebSocket
}