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

来源: 投稿
作者: 四铢半两
2020-05-12
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"
     />

文档

展开阅读全文
28 收藏
分享
加载中
更多评论
0 评论
28 收藏
分享
返回顶部
顶部