系统介绍
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”
/>