加载数据时显示动效。
| index | ID | 名称 | 操作 |
|---|---|---|---|
| 0 | 1 | 名字1 | |
| 1 | 2 | 名字2 | |
| 2 | 3 | 名字3 | |
| 3 | 4 | 名字4 |
<cb-table :data="list" v-cb-loading="loading">
<cb-table-column label="index">
<template #default="{ item, index }">
{{ index }}
</template>
</cb-table-column>
<cb-table-column label="ID" data-key="id" />
<cb-table-column label="名称" data-key="name" />
<cb-table-column label="操作" width="100">
<template #default>
<cb-button block small>编辑</cb-button>
</template>
</cb-table-column>
</cb-table>| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| v-cb-loading | 在需要加载动画的组件上使用 v-cb-loading 指令，通过传入的变量控制是否显示加载动画，true 显示，false 不显示。 | — | — | — |
| loading-text | 设置自定义加载文案。 | string | — | — |