JwChatAll极简聊天框组件

 

安装

• 使用 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"
   
    />

文档

• 官方文档