45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
<template>
|
|
<div class="p-4">
|
|
<BasicTable @register="registerTable">
|
|
<template #toolbar>
|
|
<a-button type="primary" @click="handleReloadCurrent"> 刷新当前页 </a-button>
|
|
<a-button type="primary" @click="handleReload"> 刷新并返回第一页 </a-button>
|
|
</template>
|
|
</BasicTable>
|
|
</div>
|
|
</template>
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
import { BasicTable, useTable } from '/@/components/Table';
|
|
import { getBasicColumns } from './tableData';
|
|
|
|
import { demoListApi } from '/@/api/demo/table';
|
|
export default defineComponent({
|
|
components: { BasicTable },
|
|
setup() {
|
|
const [registerTable, { reload }] = useTable({
|
|
title: '远程加载示例',
|
|
api: demoListApi,
|
|
columns: getBasicColumns(),
|
|
});
|
|
function handleReloadCurrent() {
|
|
reload();
|
|
// reload({
|
|
// searchInfo: 'xxx',
|
|
// });
|
|
}
|
|
|
|
function handleReload() {
|
|
reload({
|
|
page: 1,
|
|
});
|
|
}
|
|
return {
|
|
registerTable,
|
|
handleReloadCurrent,
|
|
handleReload,
|
|
};
|
|
},
|
|
});
|
|
</script>
|