JwChat极简聊天框组件是一款基于Vue和ElementUI极简的聊天框组件。
软件包含了表情包功能,可自动匹配微信表情。还包含了聊天窗口配置组件,可以自由配置顶部状态栏和右侧信息栏。
使用 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 中引入
:taleList="list"
@enter="bindEnter"
v-model="inputMsg"
:toolConfig="tool"
/>
本站所有资源都是由网友投稿发布,或转载各大下载站, 请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则 产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:study_golang@163.com