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 ( ... ) ; 

スクリプトタグの使用

概念実証やフィドルに取り組んでいる場合は、script タグを使用する方が簡単です。 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 のチャットなど) やコンソール風のログ ビューアを構築する方法の例をいくつか追加する予定です。