喜大普奔 JwChat 聊天组件上线啦 ，一个标签开启聊天新生活

1. 新增表情包可自动匹配微信表情。

2. 新增聊天窗口配置组件，可以自由配置 顶部状态栏 和 右侧信息栏

 

安装

• 使用 npm 安装

   npm install jwchat

• 使用 yarn 安装

   yarn add jwchat

使用

1. 因为本组件是基于 element-ui 开发。首先需要引入 element-ui。

    npm install element-ui

2. 在 main.js 中引入组件

    import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); ​ import Chat from 'jwchat'; import 'jwchat/lib/JwChat.css'; Vue.use(Chat)

3. 在 *.vue 中引入

    <JwChat-index     :taleList="list"     @enter="bindEnter"     v-model="inputMsg"     :toolConfig="tool" />

文档

• 官方文档