github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-01-25 02:58:43 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

perf(demo): 动态更换表格配置 (#2793)

Browse Source
This commit is contained in:
GauharChan 2023-05-24 16:42:39 +08:00 committed by GitHub
parent 0347c83620
commit 5de89b5ec5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 31 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/demo/table/RefTable.vue
View File

@ -34,6 +34,7 @@
import { getBasicColumns, getBasicShortColumns } from './tableData';
import { useMessage } from '/@/hooks/web/useMessage';
import { demoListApi } from '/@/api/demo/table';
export default defineComponent({
components: { BasicTable },
setup() {
@ -54,10 +55,22 @@
}, 1000);
}
function changeColumns() {
getTableAction().setColumns(getBasicShortColumns());
getTableAction().setProps({
columns: getBasicShortColumns(),
rowSelection: {
type: 'checkbox',
},
showIndexColumn: true,
});
}
function reloadTable() {
getTableAction().setColumns(getBasicColumns());
getTableAction().setProps({
columns: getBasicColumns(),
rowSelection: {
type: 'checkbox',
},
showIndexColumn: true,
});
getTableAction().reload({
page: 1,

20
src/views/demo/table/UseTable.vue
View File

@ -25,6 +25,7 @@
import { getBasicColumns, getBasicShortColumns } from './tableData';
import { useMessage } from '/@/hooks/web/useMessage';
import { demoListApi } from '/@/api/demo/table';
export default defineComponent({
components: { BasicTable },
setup() {
@ -36,7 +37,7 @@
registerTable,
{
setLoading,
setColumns,
setProps,
getColumns,
getDataSource,
getRawDataSource,
@ -76,11 +77,22 @@
}, 1000);
}
function changeColumns() {
setColumns(getBasicShortColumns());
setProps({
columns: getBasicShortColumns(),
rowSelection: {
type: 'checkbox',
},
showIndexColumn: true,
});
}
function reloadTable() {
setColumns(getBasicColumns());
setProps({
columns: getBasicColumns(),
rowSelection: {
type: 'checkbox',
},
showIndexColumn: true,
});
reload({
page: 1,
});