kui-vue
Version:
A lightweight desktop UI component library suitable for Vue.js 2.
35 lines (33 loc) • 633 B
Markdown
<cn>
### 基本用法
基础分页。
</cn>
```vue
<template>
<Space vertical>
<Page
v-model:current="current"
v-model:pageSize="size"
:total="50"
@change="onChange"
/>
<Page
v-model:current="current"
v-model:pageSize="size"
:total="50"
@change="onChange"
disabled
/>
</Space>
</template>
<script setup>
import { ref } from "vue";
import { message } from "kui-vue";
const current = ref(1);
const size = ref(15);
const onChange = (page, pageSize) => {
console.log(page, pageSize);
message.info(`当前页: ${page}, 每页: ${pageSize}`);
};
</script>
```