diff --git a/assets/js/socket.js b/assets/js/socket.js index bee508b..385859e 100644 --- a/assets/js/socket.js +++ b/assets/js/socket.js @@ -43,3 +43,9 @@ const that = { } export default that + + +// 1. 保存连接全局调用唯一指针 +// 2. 保持连接, 并自动重连 +// 3. 有限长度缓存消息, 并在向上翻阅时主动载入消息记录 +// 4. 主动清除多余的缓存, 经常重载 diff --git a/pages/chat/index.vue b/pages/chat/index.vue index 311d046..56fabf6 100644 --- a/pages/chat/index.vue +++ b/pages/chat/index.vue @@ -4,7 +4,10 @@ p Chat 频道列表 {{ chatlist.length }} ul(v-if="chatlist.length") li(v-for="item in chatlist", :key="item._id") - p {{ item.name }} + p {{ item }} + span {{ item.name }} + i(v-if="true") (已订阅) + i(v-else) (未订阅) button(@click="create") 创建频道 .ceremony .circumscription @@ -32,6 +35,8 @@ export default { this.chatactive.push(data); console.log(data); }); + // 组合键提交 + this.keyCodeForEvent(); }, methods: { create() { @@ -49,6 +54,38 @@ export default { ); this.chat.data = ""; }, + keyCodeForEvent() { + let self = this; + let code = 0; + let code2 = 0; + document.onkeydown = (e) => { + let evn = e || event; + let key = evn.keyCode || evn.which || evn.charCode; + if (key === 17) { + code = 1; + } + if (key === 13) { + code2 = 1; + } + if (code === 1 && code2 === 1) { + //alert("Ctrl + Enter"); + this.submit(); + // do + code = 0; + code2 = 0; + } + }; + document.onkeyup = (e) => { + let evn = e || event; + let key = evn.keyCode || evn.which || evn.charCode; + if (key === 17) { + code = 0; + } + if (key === 13) { + code2 = 0; + } + }; + }, }, }; @@ -56,7 +93,8 @@ export default {