主题
List 列表
使用
用于处理长列表数据的组件。
基础用法
数据加载错误场景
API
List Props
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
v-model:loading / loading | 是否显示加载中状态 | boolean | false |
v-model:error / error | 是否显示错误状态 | boolean | false |
finished | 是否显示已完成状态 | boolean | false |
offset | 列表的偏移量,当滚动条离列表底部的距离小于 offset 时会触发 load 事件 | number | 0 |
loadingText | 加载中状态的文字提示 | string | - |
errorText | 错误状态的文字提示 | string | - |
finishedText | 已完成状态的文字提示 | string | - |
disabled | 是否禁用列表, disabled 时不会触发 load 事件 | boolean | false |
scroller | 滚动区域的元素,默认为列表的最近的overflow: auto/scroll的祖先元素或者当前窗口滚动区域 | Element | - |
immediate | 首次加载时是否判断滚动条是否触发 load 事件 | boolean | false |
List Events
事件名 | 描述 | 类型 |
---|---|---|
load | 滚动条触底时触发的回调函数 | Function |
List Methods
方法名 | 描述 | 类型 |
---|---|---|
check | 检查列表滚动条是否触底,如果触底,则触发 load 事件 | Function |
List Slots
插槽名 | 描述 | 参数 |
---|---|---|
default | 列表的内容 | - |