vues全局使用WebSocket
// import { showInfoMsg, showErrorMsg } from '@/utils/popInfo' // import ElementUI from 'element-ui'; import { Toast } from 'vant'; function initWebSocket(baseObj) { console.log(baseObj) // const wsUri = WS_API + "/webSocket/" + e; // var wsUri ="ws://192.168.0.200:8005/qrCodePage/ID=1/refreshTime=5"; var wsUri = "ws://192.168.11.87:8088/level/gauge/1/2" this.socket = new WebSocket(wsUri)//这里面的this都指向vue // 监听socket连接 this.socket.onopen = WebSocketOnopen; // 监听socket错误信息 this.socket.onerror = webSocketOnError; // 监听socket消息 this.socket.onmessage = webSocketOnMessage; // 监听socket关闭 this.socket.onclose = closeWebsocket; } // this.$websocket.close();//全局 关闭 // this.$websocket.initWebSocket(xxx); //全局 吊起 // 监听socket连接 function WebSocketOnopen(e) { console.log("socket连接成功") Toast("socket连接成功" ) } // 监听socket错误信息 function webSocketOnError(e) { console.log(e) Toast("WebSocket连接发生错误" + e) } // 监听socket消息 function webSocketOnMessage(e) { console.log(e) Toast("接收到信息了") let messObj=JSON.parse(e.data) if(messObj.code==500){ this.close() Toast("断开了") } // console.log('错误信息',e) // const data = JSON.parse(e.data); } // 关闭websiocket function closeWebsocket() { console.log('连接已关闭...') } function close() { this.socket.close() // 关闭 websocket this.socket.onclose = function (e) { console.log(e)//监听关闭事件 console.log('关闭') } } function webSocketSend(agentData) { this.socket.send(agentData); } export default { initWebSocket, close }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
2020-05-30 页面刷新与否
2020-05-30 el-table表头自定义内容
2020-05-30 git拉取项目用户名或密码输入错误
2019-05-30 小程序单选按钮