Vue中使用WebSocket

摘要:
Websocketmessage(e){//获取websocket letmsg=e.dataconsole.log(msg)}推送的数据,//断开链接websocketclose(e){console.log('disconnect',e)//this.initWebSocket()//断开连接后重新连接},
     initWebSocket() {
      //初始化websocket
      let wsuri = 'ws地址'
      this.ws = new WebSocket(wsuri)
      this.ws.onmessage = this.websocketonmessage
      this.ws.onopen = this.websocketonopen
      this.ws.onerror = this.websocketonerror
      this.ws.onclose = this.websocketclose
    },
    websocketonopen() {
      console.log('连接 websocket 成功')
    },
    websocketonmessage(e) {
      //获取websocket推送的数据
      let msg = e.data
      console.log(msg)
    },
    // 连接失败时重新连接
    websocketonerror() {
      this.initWebSocket()
    },
    // 断开链接后报错
    websocketclose(e) {
      console.log('断开连接', e)
      //this.initWebSocket() //断开后重新连接
    },

免责声明:文章转载自《Vue中使用WebSocket》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇PHP错误:SQLSTATE[HY000] [2054] The server requested authentication method unknown to the client介绍行为树下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

微信小程序如何播放音频,这里以本地mp3文件举例。

参考:https://blog.csdn.net/bangyiqing/article/details/104966135      官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html Page({ data: {...

Selenium自动化获取WebSocket信息

性能日志 ChromeDriver支持性能日志记录,您可以从中获取域“时间轴”,“网络”和“页面”的事件,以及指定跟踪类别的跟踪数据。 启用性能日志 默认情况下不启用性能日志记录。因此,在创建新会话时,您必须启用它。 DesiredCapabilities cap = DesiredCapabilities.chrome();LoggingPref...

webpack3 + vue 添加 serviceWorker

新的vue脚手架已经可以自带pwa了,本文主要针对旧版的webpack。 先装三个插件: $npm i register-service-worker sw-precache-webpack-plugin webpack-pwa-manifest --save-dev 因为pwa主要用于生产,我们来动手改造 build/webpack.prod.conf....

写一个简易的java项目(五) websocket 弹幕 -1

目的:websocket做弹幕  用到的技术:springboot +websocket +uniapp (只写了后台) 菜鸟:https://www.runoob.com/html/html5-websocket.html 这是最后结果的展示: WebSocket是什么?为什么用它? 全双工通信的协议。允许服务端主动向客户端推送数据。 后台代码: 第一...

html5 播放 rtsp

目前大多数网络摄像头都是通过 RTSP 协议传输视频流的,但是 html 并不标准支持 RTSP 流。除了 Firefox 浏览器可以直接播放 RTSP 流之外,几乎没有其他浏览器可以直接播放 RTSP 流。Electron 应用是基于 Chromium 内核的,因此也不能直接播放 RTSP 流。 在借助一定工具的情况下,可以实现在 Web 页面上播放 R...

js使用crypto实现md5WithRSA加密及验签

最近使用node对接一家支付三方,对方使用的是java 要求使用RSA加密 使用的算法是 md5WithRSA  encoding是utf8 输出是base64 在使用crypto-js和node-rsa无果后 查阅了node官方文档的crypto找到了答案  createSign方法传入加密算法创建一个sign对象,当然算法不是全部都支持的   使用...