Loadmore 加载更多

介绍

加载更多内容时的触底内容提示。

引入

import { Loadmore } from 'mind-ui-vue';
Vue.use(Loadmore);

示例

加载状态

<m-loadmore :loading="loading" />

export default {
  data() {
    return {
      loading: false
    }
  }
}

自定义内容

<m-loadmore :loading="loading" spinner loading-content="努力加载中~" color="red" />
<m-loadmore :loading="loading2" load-end-content="我也是有底线的" />

export default {
  data() {
    return {
      loading: true,
      loading2: false
    }
  }
}

Api

Props

参数	说明	类型	默认值
loading	是否加载中	Boolean	false
spinner	是否显示加载图标	Boolean	false
color	文字颜色	String	-
loading-content	加载中内容	String	加载中
load-end-content	加载结束内容	String	没有更多数据了