<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>