卡片列表组件
- Source:
Members
(inner) props
- Source:
Properties:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
data |
Array |
<optional> |
列表数据数组 |
|
loader |
function |
<optional> |
数据加载函数，loader 优先 data，函数必须要返回Promise，需要回调 {list, total} |
|
columns |
number | object |
<optional> |
显示列数，支持响应式对象设置 {xxl,xl,lg,md,sm,xs} |
|
listenEl |
boolean |
<optional> |
监听$el元素宽度实现响应布局（默认为false） |
|
pager |
boolean | object |
<optional> |
分页配置，如果不设置，不开启分页功能 |
|
page |
number |
<optional> |
1
|
初始页码, 从1开始 |
pageSize |
number |
<optional> |
12
|
每页显示几条 |
total |
number |
<optional> |
0
|
数据记录数，开启分页才有效 |
auto |
boolean |
<optional> |
初始化完成后调用loader |
|
gutter |
number |
<optional> |
12
|
栅格间隔 |
loading |
boolean |
<optional> |
显示loading |
属性参数
(inner) slots
- Source:
Properties:
| Name | Type | Description |
|---|---|---|
default |
string | 作用域插槽，定义卡片，参数：item 卡片数据，index 索引位置 |
empty |
string | 无数据时显示内容 |
loading |
string | 定义加载中提示 |
append |
string | 列表底部自定义内容 |
插槽
Methods
(inner) refresh(pageopt)
- Source:
刷新列表
Parameters:
| Name | Type | Attributes | Description |
|---|---|---|---|
page |
number |
<optional> |
刷新的页码 |
Events
page-change
- Source:
分页页码变化时触发
Parameters:
| Name | Type | Description |
|---|---|---|
page |
number | 页码 |
pageSize |
number | 页大小 |
size-change
- Source:
页大小变化时触发
Parameters:
| Name | Type | Description |
|---|---|---|
pageSize |
number | 页大小 |