vue chat scroll

Instalación

Usar un administrador de paquetes (recomendado)

La forma recomendada de instalar vue-chat-scroll es usar el paquete npm con el administrador de paquetes npm (o hilo):

npm i vue-chat-scroll@alpha

Después de instalar el paquete, debes usar el complemento vue-chat-scroll :

 import VueChatScroll from 'vue-chat-scroll' ;

Vue . use ( VueChatScroll ) ;

new Vue ( ... ) ; 

Usando una etiqueta de secuencia de comandos

Si trabaja en una prueba de concepto o en un violín, puede ser más fácil usar una etiqueta de secuencia de comandos. Recomendamos utilizar una CDN como unpkg o jsdelvr.

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

vue-chat-scroll intentará registrarse automáticamente en Vue. Esto debería funcionar siempre que se defina window.Vue .

Uso

Nuestro objetivo es hacer que el uso de vue-chat-scroll sea lo más sencillo posible. El simple uso de la directiva v-chat-scroll debería solucionar la mayoría de los casos de uso.

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

También puede configurar la directiva pasando un objeto. Por ejemplo, el indicador de configuración enable :

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

Consulte la interfaz Config y el objeto defaultConfig en config.ts para obtener más información sobre lo que se puede configurar, así como cuáles son los valores de configuración predeterminados.

Ejemplos

? Tengan paciencia con nosotros, todo esto es un trabajo en progreso. Agregaremos algunos ejemplos de cómo se puede usar este complemento para crear un chat con todas las funciones (como el de Slack), o incluso un visor de registros con apariencia de consola.