Vue-infinite-loading

配置插件选项

我们可以通过插件 API 配置该插件的默认属性、默认插槽以及默认系统配置,它们将会作为你项目中的所有 InfiniteLoading 组件的默认值,你仍然可以通过每个组件的属性及插槽对它们进行覆盖。

属性/设置

只需要传递一个包含 props/settings 字段的对象就可以配置它们了,点击这里查看所有可用的选项。

import Vue from 'vue';
import InfiniteLoading from 'vue-infinite-loading';

Vue.use(InfiniteLoading, {
  props: {
    spinner: 'default',
    /* other props need to configure */
  },
  system: {
    throttleLimit: 50,
    /* other settings need to configure */
  },
});

插槽

和属性及配置不一样,插槽选项可以是一个字符串,也可以是一个 Vue Component

import Vue from 'vue';
import InfiniteLoading from 'vue-infinite-loading';
import InfiniteError from 'path/to/your/components/InfiniteError';

Vue.use(InfiniteLoading, {
  slots: {
    noMore: 'No more message', // you can pass a string value
    error: InfiniteError, // you also can pass a Vue component as a slot
  },
});
上次更新: 10/23/2018, 11:47:54 AM

一款用于 Vue.js 的无限滚动插件

EN | 中文