| | |
|---|
| | | |
|---|
| | | import { computed, onMounted, ref, watchEffect } from 'vue'; |
|---|
| | | |
|---|
| | | import { DocAlert, Page } from '..\..\..\packages\effects\common-ui\src'; |
|---|
| | | import { IconifyIcon } from '..\..\..\packages\icons\src'; |
|---|
| | | import { useAccessStore } from '..\..\..\packages\stores\src'; |
|---|
| | | import { formatDate } from '..\..\..\packages\utils\src'; |
|---|
| | | import { Page } from '@vben/common-ui'; |
|---|
| | | import { IconifyIcon } from '@vben/icons'; |
|---|
| | | import { useAccessStore } from '@vben/stores'; |
|---|
| | | import { formatDate } from '@vben/utils'; |
|---|
| | | |
|---|
| | | import { useWebSocket } from '@vueuse/core'; |
|---|
| | | import { |
|---|
| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <template> |
|---|
| | | <Page> |
|---|
| | | <template #doc> |
|---|
| | | <DocAlert |
|---|
| | | title="WebSocket 实时通信" |
|---|
| | | url="https://doc.iocoder.cn/websocket/" |
|---|
| | | /> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <div class="mt-4 flex flex-col gap-4 md:flex-row"> |
|---|
| | | <Page><div class="mt-4 flex flex-col gap-4 md:flex-row"> |
|---|
| | | <!-- 左侧：建立连接、发送消息 --> |
|---|
| | | <Card :bordered="false" class="w-full md:w-1/2"> |
|---|
| | | <template #title> |
|---|
