vue chat scroll

설치 중

패키지 관리자 사용(권장)

vue-chat-scroll을 설치하는 권장 방법은 npm(또는 Yarn) 패키지 관리자와 함께 npm 패키지를 사용하는 것입니다.

npm i vue-chat-scroll@alpha

패키지를 설치한 후 vue-chat-scroll 플러그인을 사용해야 합니다.

 import VueChatScroll from 'vue-chat-scroll' ;

Vue . use ( VueChatScroll ) ;

new Vue ( ... ) ; 

스크립트 태그 사용

개념 증명이나 바이올린 작업을 하는 경우 스크립트 태그를 사용하는 것이 더 쉬울 수 있습니다. unpkg 또는 jsdelvr과 같은 CDN을 사용하는 것이 좋습니다.

 < 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의 채팅과 같은 모든 기능을 갖춘 채팅이나 로그 뷰어를 보는 콘솔을 구축하는 방법에 대한 몇 가지 예를 추가할 것입니다.