vue chat scroll

Installieren

Verwendung eines Paketmanagers (empfohlen)

Die empfohlene Methode zur Installation von vue-chat-scroll ist die Verwendung des npm-Pakets mit dem npm- (oder Yarn-)Paketmanager:

npm i vue-chat-scroll@alpha

Nach der Installation des Pakets müssen Sie das Plugin vue-chat-scroll verwenden:

 import VueChatScroll from 'vue-chat-scroll' ;

Vue . use ( VueChatScroll ) ;

new Vue ( ... ) ; 

Verwenden eines Skript-Tags

Wenn Sie an einem Proof of Concept oder einer Geige arbeiten, kann es einfacher sein, ein Skript-Tag zu verwenden. Wir empfehlen die Verwendung eines CDN wie unpkg oder jsdelvr.

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

vue-chat-scroll wird versuchen, sich automatisch bei Vue zu registrieren. Dies sollte funktionieren, solange window.Vue definiert ist.

Verwendung

Unser Ziel ist es, die Verwendung von vue-chat-scroll so einfach wie möglich zu gestalten. Die einfache Verwendung der v-chat-scroll Direktive sollte die meisten Anwendungsfälle abdecken.

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

Sie können die Direktive auch durch Übergabe eines Objekts konfigurieren. Zum Beispiel das Flag „Konfiguration enable “:

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

Weitere Informationen darüber, was konfiguriert werden kann und welche Standardkonfigurationswerte es gibt, finden Sie in der Config -Schnittstelle und defaultConfig Objekt in config.ts.

Beispiele

? Haben Sie Geduld, das alles ist noch in Arbeit. Wir werden einige Beispiele hinzufügen, wie dieses Plugin verwendet werden kann, um einen Chat mit vollem Funktionsumfang (wie den von Slack) oder sogar einen Protokoll-Viewer im Konsolenstil zu erstellen.