vue chat scroll

Menginstal

Menggunakan manajer paket (disarankan)

Cara yang disarankan untuk menginstal vue-chat-scroll adalah menggunakan paket npm dengan manajer paket npm (atau benang):

npm i vue-chat-scroll@alpha

Setelah menginstal paket, Anda harus menggunakan plugin vue-chat-scroll :

 import VueChatScroll from 'vue-chat-scroll' ;

Vue . use ( VueChatScroll ) ;

new Vue ( ... ) ; 

Menggunakan tag skrip

Jika mengerjakan bukti konsep atau biola, akan lebih mudah menggunakan tag skrip. Kami merekomendasikan menggunakan CDN seperti unpkg atau jsdelvr.

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

vue-chat-scroll akan mencoba mendaftar secara otomatis dengan Vue. Ini akan berfungsi selama window.Vue didefinisikan.

Penggunaan

Kami bertujuan untuk membuat penggunaan vue-chat-scroll semudah mungkin. Cukup menggunakan direktif v-chat-scroll akan menangani sebagian besar kasus penggunaan.

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

Anda dapat mengonfigurasi arahan dengan meneruskan sebuah objek juga. Misalnya, tanda konfigurasi enable :

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

Silakan merujuk ke antarmuka Config dan objek defaultConfig di config.ts untuk mengetahui lebih lanjut tentang apa yang dapat dikonfigurasi, serta nilai konfigurasi defaultnya.

Contoh

? Bersabarlah, semua ini sedang dalam proses. Kami akan menambahkan beberapa contoh bagaimana plugin ini dapat digunakan untuk membuat obrolan berfitur lengkap (seperti milik Slack), atau bahkan penampil log yang terlihat seperti konsol.