vue chat scroll

Installation

Utiliser un gestionnaire de paquets (recommandé)

La méthode recommandée pour installer vue-chat-scroll consiste à utiliser le package npm avec le gestionnaire de packages npm (ou fil) :

npm i vue-chat-scroll@alpha

Après avoir installé le package, vous devez utiliser le plugin vue-chat-scroll :

 import VueChatScroll from 'vue-chat-scroll' ;

Vue . use ( VueChatScroll ) ;

new Vue ( ... ) ; 

Utiliser une balise de script

Si vous travaillez sur une preuve de concept ou sur un violon, il peut être plus facile d'utiliser une balise de script. Nous vous recommandons d'utiliser un CDN tel que unpkg ou jsdelvr.

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

vue-chat-scroll tentera de s'enregistrer automatiquement auprès de Vue. Cela devrait fonctionner tant que window.Vue est défini.

Usage

Notre objectif est de rendre l'utilisation de vue-chat-scroll aussi simple que possible. La simple utilisation de la directive v-chat-scroll devrait répondre à la plupart des cas d'utilisation.

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

Vous pouvez également configurer la directive en passant un objet. Par exemple, l'indicateur enable de la configuration :

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

Veuillez vous référer à l'interface Config et à l'objet defaultConfig dans config.ts pour en savoir plus sur ce qui peut être configuré, ainsi que sur les valeurs de configuration par défaut.

Exemples

? Soyez patient, tout cela est un travail en cours. Nous ajouterons quelques exemples de la façon dont ce plugin peut être utilisé pour créer un chat complet (comme celui de Slack), ou même une visionneuse de journaux ressemblant à une console.