vue-infinite-loading 一款用于 Vue.js 的无限滚动插件。

特点

开箱即用

简洁至上的 api、内置加载动画以及良好的兼容性，可立即投入生产

双向支持

目前支持向上和向下两种加载方式，可适应于更多的应用场景

结果展示

可配置的加载结果展示，比如没有更多数据、没有任何数据等等  

安装

npm

推荐在构建大型应用的时候使用这种方式进行安装。

npm install vue-infinite-loading -S

直接使用 <script> 引入

在使用 script 标签引入此插件后，InfiniteLoading 组件会被自动注册到全局，开发时直接进行使用即可。

CDN

你可以借助unpkg引入此插件：

<script src="https://unpkg.com/vue-infinite-loading@^2/dist/vue-infinite-loading.js"></script>

引用

组件形式

你可以直接将它当做一个自定义组件进行引用：

<template>
  <infinite-loading></infinite-loading>
</template>

<script>
import InfiniteLoading from 'vue-infinite-loading';

export default {
  components: {
    InfiniteLoading,
  },
};
</script>

插件 API

如果你需要改变插件的默认配置，那么可以采用 Vue.js 提供的 use API 对此插件进行注册：

// main.js or index.js
import InfiniteLoading from 'vue-infinite-loading';

Vue.use(InfiniteLoading, { /* 配置 */ });

和 script 引入方式一样，使用插件 API 也会将 InfiniteLoading 组件注册为全局组件，在你自己的组件中就无需再使用 components 属性重复注册了。

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/3645