Name: Vue-infinite-loading
Author: 羊先生

快速了解

完整资料

资料已展开

关于 Vue-infinite-loading

特点

开箱即用

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

双向支持

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

结果展示

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

NPM

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

j 复制代码

npm install vue-infinite-loading -S

直接使用 script 引入

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

CDN

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

html 复制代码

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

手动引入

你也可以下载插件文件后手动引入：

下载插件

引用插件

组件形式

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

js 复制代码

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

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

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

插件 API

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

js 复制代码

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

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

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

适合的使用方向

特点

一款用于 Vue.js 的无限滚动插件,简洁至上的 API、内置加载动画以及良好的兼容性，可立即投入生产,目前支持向上和向下两种加载方式，可适应于更多的应用场景,可配置的加载结果展示，比如没有更多数据、没有任何数据等等

开箱即用

双向支持

收录线索

Vuevue-ui插件 / 扩展

资料说明

内容根据公开资料整理；版本、兼容性与服务状态请以官网最新说明为准。