Vue Websocket 监听 websocket.readyState

监听 websocket.readyState 的变化

  • CONNECTING:值为0,表示正在连接。
  • OPEN:值为1,表示连接成功,可以通信了。
  • CLOSING:值为2,表示连接正在关闭。
  • CLOSED:值为3,表示连接已经关闭,或者打开连接失败。
this.ws = new WebSocket("ws://ip:port/ws/muweb/channels/")

this.ws.addEventListener('open', () => { 
    console.log('socket 打开了')
    this.ws_status = this.ws.readyState;
});

this.ws.addEventListener('close', () => {
    console.log('socket 关闭了')
    this.ws_status = this.ws.readyState;
});
  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据提供的引用内容,出现了一些错误和警告信息。根据错误信息,可能是因为在Vue组件的created钩子函数中出现了无法读取未定义属性的错误。而根据警告信息,可能是因为在Vue组件的事件处理程序中出现了无法读取未定义属性的错误。 解决这些问题的方法可能是检查代码中的变量和属性是否正确定义和赋值。确保在使用之前对其进行了正确的初始化。另外,还可以使用Vue开发者工具来调试和定位错误的具体位置。 以下是一个关于Vue中使用WebSocket的示例代码: ```javascript // 在Vue组件中引入WebSocket import { ref, onMounted } from 'vue'; export default { name: 'WebSocketDemo', setup() { const socket = ref(null); // 在组件挂载时创建WebSocket连接 onMounted(() => { socket.value = new WebSocket('ws://localhost:8080'); // 监听WebSocket的打开事件 socket.value.onopen = () => { console.log('WebSocket连接已打开'); }; // 监听WebSocket的消息事件 socket.value.onmessage = (event) => { console.log('收到消息:', event.data); }; // 监听WebSocket的关闭事件 socket.value.onclose = () => { console.log('WebSocket连接已关闭'); }; }); // 发送消息的方法 const sendMessage = (message) => { if (socket.value && socket.value.readyState === WebSocket.OPEN) { socket.value.send(message); } }; return { sendMessage, }; }, }; ``` 请注意,这只是一个示例代码,具体的实现方式可能因项目而异。你需要根据自己的实际情况进行调整和修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值