帮酷LOGO
  • 显示原文与译文双语对照的内容
Automatic scroll-to-bottom directive for Vue.js 2.0

  • 源代码名称:vue-chat-scroll
  • 源代码网址:https://github.com/theomessin/vue-chat-scroll
  • vue-chat-scroll源代码文档
  • vue-chat-scroll源代码下载
  • Git URL:
    https://github.com/theomessin/vue-chat-scroll.git
  • Git Clone代码到本地:
    git clone https://github.com/theomessin/vue-chat-scroll
  • Subversion代码到本地:
    $ svn co --depth empty https://github.com/theomessin/vue-chat-scroll
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • vue-chat-scroll

    在元素中添加新内容时,滚动到元素底部的Vue.js 2的插件。

    安装

    • npm/纱线

      运行 npm install --save vue-chat-scroll ,或者 yarn add vue-chat-scroll

    • 带模块的
      // ES6importVuefrom'vue'importVueChatScrollfrom'vue-chat-scroll'Vue.use(VueChatScroll)// ES5var Vue =require('vue')Vue.use(require('vue-chat-scroll'))
    • <script> 包括

      仅在Vue本身之后包含 ./dist/vue-chat-scroll.js

    用法

    除了安装之外,在JavaScript中没有什么需要做的。 要使用这个插件,只需使用 v-chat-scroll 指令。

    <ulclass="messages"v-chat-scroll>
     <liclass="message"v-for="n in messages">{{ n }}</li>
    </ul>
    当用户滚动时阻止向下滚动

    或者,也可以将配置值传递给指令:

    <ulclass="messages"v-chat-scroll="{always: false}">
     <liclass="message"v-for="n in messages">{{ n }}</li>
    </ul>

    许可证




    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语