const websocketsend = (msg: string) => { if (websock.value?.readyState === WebSocket.OPEN) { websock.value.send(msg); // Send the message if the WebSocket is open } }; /** Reconnect the WebSocket connection. This is triggered when the WebSocket connection fails and needs to reconnec...
/** * websocket */ const wsUrl = "ws://192.168.160.7:8580/ws"; // websocket 默认连接地址 let websocket: any; // 用于存储实例化后websocket let isConnect = false; // 连接标识 避免重复连接 let rec: any; // 断线重连后,延迟5秒重新创建WebSocket连接 rec用来存储延迟请求的代码 // 创建webs...
在main.ts中导入并使用插件。 import { createApp } from "vue"; const app = createApp(App); // 使用VueNativeSock插件,并进行相关配置 app .use(store) .use(router) .mount("#app"); // 使用VueNativeSock插件,并进行相关配置 app.use( VueNativeSock, `${base.lkWebSocket}/${localStorage.getIte...
支持vue3的websocket插件. Contribute to likaia/vue-native-websocket-vue3 development by creating an account on GitHub.
本文作者使用的是ts+vue3的setup语法糖,大家注意使用的vue版本! 在stroe中 import { createStore } from 'vuex' import { stateInt } from '../interface/storeInterface' const state: stateInt = { //推送消息 data: {}, webSocket: null,
在src/store目录新建use-websocket.ts import { defineStore } from 'pinia' import { ref } from 'vue' import { STORAGE_ACCESS_TOKEN_KEY } from '~/constant' const VITE_API_HTTPS_HOST_BASE_PATH = import.meta.env.VITE_API_HTTPS_HOST_BASE_PATH as string ...
2.在websocket中数据返回时,根据返回的字段进行信息发布 import EventListenControl from './control' import {webSocketApi} from "@/config/axios.config" const defaultURL = webSocketApi; interface PrepareRequest { key: string; val:any; } //封装ws ...
简介:使用Vue3+TS重构百星websocket插件(上) 前言 前几天我用Vue3重构了我那个Vue2的开源项目,最后还遗留了一个问题:项目中用的一个websocket插件还不能正常使用。于是,我决定重写这个插,让其支持Vue3。 本文将记录下重写这个插件的过程并将其发布至npm仓库,顺便给插件作者提个PR,欢迎各位感兴趣的开发者阅读本文...
前几天我用Vue3重构了我那个Vue2的开源项目,最后还遗留了一个问题:项目中用的一个websocket插件还不能正常使用。于是,我决定重写这个插,让其支持Vue3。 本文将记录下重写这个插件的过程并将其发布至npm仓库,顺便给插件作者提个PR,欢迎各位感兴趣的开发者阅读本文。
使用以上代码,用户可以在Vue3中使用WebSocket,例如: import myWebSocket from './myWebSocket'; createApp(App) .use(myWebSocket, { url: 'ws://localhost:3000' }) .mount('#app'); // 在组件中使用 this.$socket.send('Hello WebSocket'); ...