源码简介与安装说明:
JwChat极简聊天框组件是一款基于Vue和ElementUI极简的聊天框组件。
软件包含了表情包功能,可自动匹配微信表情。还包含了聊天窗口配置组件,可以自由配置顶部状态栏和右侧信息栏。
JwChat安装:
使用 npm 安装
npm install jwchat
使用 yarn 安装
yarn add jwchat
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”
转载注意保留原文链接:https://www.tqge.com/75427
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。