Vue Chat Scroll
made with Vuejs

Vue Chat Scroll

这是一个保持可滚动内容滚动到底部的Vue指令插件。

相关问答
暂无相关问题
查看全部
简介及使用教程

Vue Chat Scroll是一个保持可滚动内容滚动到底部的Vue指令插件,用于Vue.js 2,当在该元素中添加新内容时,滚动到该元素的底部。

安装

Npm

npm i vue-chat-scroll

Yarn

yarn add vue-chat-scroll

浏览器

<script src="https://cdn.jsdelivr.net/npm/vue-chat-scroll/dist/vue-chat-scroll.min.js"></script>

使用

引入并注册

import Vue from 'vue'

import VueChatScroll from 'vue-chat-scroll'
Vue.use(VueChatScroll)

基本用法

<ul class="messages" v-chat-scroll>
  <li class="message" v-for="n in messages">{{ n }}</li>
</ul>

示例

作者

Theodore Messinezis

相关项目

这是一个Vue.js 2打字机效果组件 。
这是一个基于Vue.js的循环图像序列播放器。
这是一个基于Vue.js的模拟命令行效果的动画组件。
Vue.js的文本幻灯片组件。
这是一个基于Vue.js的内容切换组件。
这是一个使用Vue.js的加载Spinner的集合。
这是一个实现Material设计风格的纹波效果的插件。