root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update src/views/infra/webSocket/index.vue. #434

Browse Source 
Signed-off-by: AhJindeg <ahjindeg@gmail.com>
This commit is contained in:
AhJindeg 2024-04-30 08:50:55 +00:00 committed by Gitee
parent 730da857e1
commit de967a0160
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/infra/webSocket/index.vue
View File

@ -54,7 +54,7 @@
</template> </template>
<div class="max-h-80 overflow-auto"> <div class="max-h-80 overflow-auto">
<ul> <ul>
<li v-for="msg in messageList.reverse()" :key="msg.time" class="mt-2"> <li v-for="msg in messageReverseList" :key="msg.time" class="mt-2">
<div class="flex items-center"> <div class="flex items-center">
<span class="text-primary mr-2 font-medium">收到消息:</span> <span class="text-primary mr-2 font-medium">收到消息:</span>
<span>{{ formatDate(msg.time) }}</span> <span>{{ formatDate(msg.time) }}</span>
@ -92,6 +92,7 @@ const { status, data, send, close, open } = useWebSocket(server.value, {
/** 监听接收到的数据 */ /** 监听接收到的数据 */
const messageList = ref([] as { time: number; text: string }[]) // 消息列表 const messageList = ref([] as { time: number; text: string }[]) // 消息列表
const messageReverseList = computed(() => messageList.value.slice().reverse())
watchEffect(() => { watchEffect(() => {
if (!data.value) { if (!data.value) {
return return