| | |
| | | </BasicTable> |
| | | </PageWrapper> |
| | | </template> |
| | | <script lang="ts"> |
| | | import { defineComponent } from 'vue'; |
| | | import { BasicTable, useTable } from '/@/components/Table'; |
| | | <script lang="ts" setup> |
| | | import { BasicTable, useTable } from '@/components/Table'; |
| | | import { getBasicColumns } from './tableData'; |
| | | import { PageWrapper } from '/@/components/Page'; |
| | | import { PageWrapper } from '@/components/Page'; |
| | | |
| | | import { demoListApi } from '/@/api/demo/table'; |
| | | export default defineComponent({ |
| | | components: { BasicTable, PageWrapper }, |
| | | setup() { |
| | | const [registerTable, { reload }] = useTable({ |
| | | title: '远程加载示例', |
| | | api: demoListApi, |
| | | columns: getBasicColumns(), |
| | | pagination: { pageSize: 10 }, |
| | | }); |
| | | function handleReloadCurrent() { |
| | | reload(); |
| | | } |
| | | import { demoListApi } from '@/api/demo/table'; |
| | | |
| | | function handleReload() { |
| | | reload({ |
| | | page: 1, |
| | | }); |
| | | } |
| | | return { |
| | | registerTable, |
| | | handleReloadCurrent, |
| | | handleReload, |
| | | }; |
| | | }, |
| | | const [registerTable, { reload }] = useTable({ |
| | | title: '远程加载示例', |
| | | api: demoListApi, |
| | | columns: getBasicColumns(), |
| | | pagination: { pageSize: 10 }, |
| | | }); |
| | | function handleReloadCurrent() { |
| | | reload(); |
| | | } |
| | | |
| | | function handleReload() { |
| | | reload({ page: 1 }); |
| | | } |
| | | </script> |