vue chat scroll

安装中

使用包管理器（推荐）

安装vue-chat-scroll的推荐方法是将 npm 包与 npm（或yarn）包管理器一起使用：

npm i vue-chat-scroll@alpha

安装包后，您必须使用vue-chat-scroll插件：

 import VueChatScroll from 'vue-chat-scroll' ;

Vue . use ( VueChatScroll ) ;

new Vue ( ... ) ; 

使用脚本标签

如果要进行概念验证或小提琴，那么使用脚本标签会更容易。我们建议使用 CDN，例如 unpkg 或 jsdelvr。

 < 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 的聊天），甚至是控制台日志查看器。