Skip to content

基础使用

通过 status 设置 loading 状态,可选的值有 loadmore(加载更多)loading(加载中)nomore(没有更多)

vue
<hi-loadmore :status="loadStatus"></hi-loadmore>

提示文本

通过 loadmoreText 设置 loadmore 状态时的提示文本,默认为 加载更多
通过 loadingText 设置 loading 状态时的提示文本,默认为 正在加载...
通过 nomoreText 设置 nomore 状态时的提示文本,默认为 — 没有更多了 —

vue
<hi-loadmore :status="loadStatus" loadmoreText="上拉加载" loadingText="加载中..." nomoreText="已加载全部数据"></hi-loadmore>

Props

参数说明类型默认值可选值
hoverClass点击时的类名Stringhi-hover-
status状态Stringloadmoreloadmoreloadingnomore
iconNameloading 图标名称String__loading-
loadmoreTextloadmore 状态时的提示文本String加载更多-
loadingTextloading 状态时的提示文本String加载中...-
nomoreTextnomore 状态时的提示文本String— 没有更多了 —-

Events

事件名说明回调参数
@more状态为 loadmore 时点击触发-