| 提交 | 用户 | age | ||
| faf3f4 | 1 | <template> |
| da12da | 2 | <PageWrapper contentBackground contentClass="flex" dense contentFullHeight fixedHeight> |
| faf3f4 | 3 | <BasicTable @register="registerTable"> |
| 陈 | 4 | <template #toolbar> |
| 5 | <a-button type="primary" @click="handleReloadCurrent"> 刷新当前页 </a-button> | |
| 6 | <a-button type="primary" @click="handleReload"> 刷新并返回第一页 </a-button> | |
| 7 | </template> | |
| 8 | </BasicTable> | |
| da12da | 9 | </PageWrapper> |
| faf3f4 | 10 | </template> |
| 陈 | 11 | <script lang="ts"> |
| 12 | import { defineComponent } from 'vue'; | |
| 13 | import { BasicTable, useTable } from '/@/components/Table'; | |
| 14 | import { getBasicColumns } from './tableData'; | |
| da12da | 15 | import { PageWrapper } from '/@/components/Page'; |
| faf3f4 | 16 | |
| 陈 | 17 | import { demoListApi } from '/@/api/demo/table'; |
| 18 | export default defineComponent({ | |
| da12da | 19 | components: { BasicTable, PageWrapper }, |
| faf3f4 | 20 | setup() { |
| 陈 | 21 | const [registerTable, { reload }] = useTable({ |
| 22 | title: '远程加载示例', | |
| 23 | api: demoListApi, | |
| 24 | columns: getBasicColumns(), | |
| d6f65d | 25 | pagination: { pageSize: 10 }, |
| faf3f4 | 26 | }); |
| 陈 | 27 | function handleReloadCurrent() { |
| 28 | reload(); | |
| 29 | } | |
| 30 | ||
| 31 | function handleReload() { | |
| 32 | reload({ | |
| 33 | page: 1, | |
| 34 | }); | |
| 35 | } | |
| 36 | return { | |
| 37 | registerTable, | |
| 38 | handleReloadCurrent, | |
| 39 | handleReload, | |
| 40 | }; | |
| 41 | }, | |
| 42 | }); | |
| 43 | </script> | |
