JwChatAll極簡聊天框組件

 

安裝

• 使用 npm 安裝

  npm install jwchat

• 使用 yarn 安裝

  yarn add jwchat

使用

1. 因?yàn)楸窘M件是基于 element-ui 開發(fā)。首先需要引入 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"
    />

文檔

• 官方文檔