2023年1月31日
vue.js客服系统实时聊天项目开发（十六）连接websocket实时处理消息，断线重连，处理服务端关闭指令
摘要： 在线即时聊天项目，最重要的就是要实时收到消息，这里实现了vue.js下的websocket，实现了断线重连，并且可以根据收到的消息进行对应的处理 /** * 连接websocket */ connect () { var _this=this; let ws = new WebSocket(this 阅读全文
posted @ 2023-01-31 16:37 唯一客服系统开发笔记 阅读(419) 评论(0) 推荐(0)
vue.js客服系统实时聊天项目开发（十五）实现聊天界面滚动到底部
摘要： 在进入在线聊天界面以后，不管是历史消息，还是实时消息，都需要让最新消息展示出来。因此需要把聊天界面滚动到最底部 //滚动到底部 scrollBottom:function(){ var _this=this; this.$nextTick(function(){ var container = _t 阅读全文
posted @ 2023-01-31 15:27 唯一客服系统开发笔记 阅读(701) 评论(0) 推荐(0)
vue.js客服系统实时聊天项目开发（十四）点击加载展示历史消息列表
摘要： 当访客一进去聊天界面以后，需要获取一下历史消息展示到界面，并且需要能分页的原理展示 在顶部有一个加载更多记录的按钮，点击就能按分页获取数据 //展示历史消息记录 getHistoryList(){ var _this=this; let pagesize=5; this.$axios.get(thi 阅读全文
posted @ 2023-01-31 13:20 唯一客服系统开发笔记 阅读(342) 评论(0) 推荐(0)