From e0f9517f4b60d253b46abb20feb15d23ebaf32bc Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Wed, 22 Mar 2023 16:31:34 +0800
Subject: [PATCH] 添加断开连接的按钮
---
src/views/socket-demo.vue | 17 +++++++++++++++--
1 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/src/views/socket-demo.vue b/src/views/socket-demo.vue
index 31d251c..c3eabb6 100644
--- a/src/views/socket-demo.vue
+++ b/src/views/socket-demo.vue
@@ -3,7 +3,17 @@
<h1>{{ msg }}</h1>
<button @click="connect">连接</button>
<button @click="disconnect">断开连接</button>
- <button @click="sendMessage">发送消息</button>
+ <button @click="sendMessage">msg</button>
+ <button @click="sendMessage2">msg2</button>
+ <embed
+ src="public/swf/党建工作.swf"
+ wmode="opaque"
+ width="1140"
+ height="320"
+ align="middle"
+ type="application/x-shockwave-flash"
+ >
+
</div>
</template>
@@ -15,7 +25,7 @@
data () {
return {
socketIoClient: null,
- msg: 'Welcome to Your Vue.js App'
+ msg: 'Socket.io 测试页'
}
},
methods: {
@@ -42,6 +52,9 @@
},
sendMessage(){
this.socketIoClient.emit("msg","99999999999")
+ },
+ sendMessage2(){
+ this.socketIoClient.emit("msg2","00000")
}
},
}
--
Gitblit v1.9.3