element ui 集成融云webIM即时通讯

要在 Element UI 中集成融云 WebIM 即时通讯，可以按照以下步骤进行：

1. 在融云官网注册账号，并创建应用获取 App Key 和 App Secret。

2. 在 Element UI 项目中安装融云 WebIM SDK，可以使用 npm 或 yarn 安装：

   npm install rongcloud-web-im-sdk --save

3. 在 Element UI 项目中创建一个聊天页面，可以在该页面中初始化融云 WebIM SDK，并连接到融云服务器：

   import WebIM from 'rongcloud-web-im-sdk'

   let im = new WebIM({
     appkey: 'your appkey',
     token: 'your token',
     success: function(id) {
       console.log('连接成功', id)
     },
     error: function(errorCode, message) {
       console.error('连接失败', errorCode, message)
     }
   })

   im.connection.connect()

在上面的代码中，appkey 和 token 分别是你在融云官网申请的 App Key 和用户 Token，连接成功后会在控制台输出连接成功的消息。

4. 在聊天页面中使用 Element UI 的组件展示聊天记录和发送消息的界面，并实现发送消息的功能。可以使用融云 WebIM SDK 提供的 sendMessage 方法来发送消息：

   im.sendMessage({
     targetId: 'your target id',
     messageType: 'RC:TxtMsg',
     content: {
       content: 'your message content'
     },
     success: function(messageId) {
       console.log('消息发送成功', messageId)
     },
     error: function(errorCode, message) {
       console.error('消息发送失败', errorCode, message)
     }
   })

在上面的代码中，targetId 是你要发送消息的目标用户的 ID，messageType 是消息类型，content 是消息内容，发送成功后会在控制台输出消息发送成功的消息。

5. 在聊天页面中实时接收并展示接收到的消息。可以使用融云 WebIM SDK 提供的 onReceivedMessage 方法来监听接收到的消息：

   im.onReceivedMessage = function(message) {
     console.log('收到消息', message)
     // 在这里处理接收到的消息
   }

在上面的代码中，message 是接收到的消息对象，可以在这里处理接收到的消息并展示在聊天页面中。

通过以上步骤，就可以在 Element UI 中集成融云 WebIM SDK，实现即时通讯功能。