基于vue.js的聊天室组件库

最新推荐文章于 2024-03-26 10:09:47 发布

程序员小美

最新推荐文章于 2024-03-26 10:09:47 发布

阅读量2.2k

点赞数 3

分类专栏：图形化毕业设计源码分享文章标签： vue.js java 前端

本文链接：https://blog.csdn.net/MMKJSH/article/details/127949536

版权

源码分享同时被 3 个专栏收录

291 篇文章 57 订阅

订阅专栏

毕业设计

223 篇文章 19 订阅

订阅专栏

图形化

164 篇文章 10 订阅

订阅专栏

真正的大师,永远都怀着一颗学徒的心！

一、项目简介

基于vue.js的聊天室组件库

二、实现功能

   let message = {
                //消息来源用户名
                username: '七月'
                //消息来源用户头像
                avatar: avatar,
                //消息的来源ID（如果是私聊，则是用户id，如果是群聊，则是群组id）
                id: 1001,
                //聊天窗口来源类型，从发送消息传递的to里面获取
                type: 'group',
                //消息内容  请看 Attributes 中的content说明
                content:'你好',
                //消息id，可不传。除非你要对消息进行一些操作（如撤回）
                cid: 0,
                //是否我发送的消息，如果为true，则会显示在右方
                mine: true,
                //消息的发送者id（比如群组中的某个消息发送者），可用于自动解决浏览器多窗口时的一些问题
                fromid: 10002,
                //服务端时间戳毫秒数。注意：如果你返回的是标准的 unix 时间戳，记得要 *1000
                timestamp: new date(),
              };
              // 方法一、 通过内置MChat的event 随时随地引用
              this.$im.emit("getMessage", message);
              // 方法二、
              this.$refs[MChatname].getMessage(message)

三、技术选型