vue chat scroll

安裝中

使用套件管理器（建議）

安裝vue-chat-scroll的建議方法是將 npm 套件與 npm（或yarn）套件管理器一起使用：

npm i vue-chat-scroll@alpha

安裝套件後，您必須使用vue-chat-scroll外掛：

 import VueChatScroll from 'vue-chat-scroll' ;

Vue . use ( VueChatScroll ) ;

new Vue ( ... ) ; 

使用腳本標籤

如果要進行概念驗證或小提琴，那麼使用腳本標籤會更容易。我們建議使用 CDN，例如 unpkg 或 jsdelvr。

 < script src =" https://unpkg.com/vue-chat-scroll@alpha/dist/vue-chat-scroll.js " > </ script >

vue-chat-scroll將嘗試向 Vue 自動註冊。只要定義了window.Vue ，這就應該有效。

用法

我們的目標是讓vue-chat-scroll 的使用盡可能簡單。只需使用v-chat-scroll指令就可以滿足大多數用例。

 < div v-chat-scroll >
  ...
</ div >

您也可以透過傳遞物件來配置指令。例如， enable配置標誌：

 < div v-chat-scroll =" { enable: false } " >
  ...
</ div >

請參閱 config.ts 中的Config接口和defaultConfig對象，以了解有關可配置內容以及預設配置值的更多資訊。

範例

？請耐心等待，所有這些工作都正在進行中。我們將添加一些範例，說明如何使用此插件建立功能齊全的聊天（例如 Slack 的聊天），甚至是控制台日誌檢視器。