twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-06 16:37:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 表格选择器添加默认回显

Browse Source
This commit is contained in:
xiaoxian521 2024-03-13 14:34:16 +08:00
parent 5e5169817c
commit 0b9fcaca4a
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/views/pure-table/high/table-select/multiple/columns.tsx
View File

@ -1,13 +1,13 @@
import { message } from "@/utils/message";
import { tableDataEdit } from "../../data";
import { type Ref, ref, reactive } from "vue";
import type { PaginationProps } from "@pureadmin/table";
import { cloneDeep, isAllEmpty } from "@pureadmin/utils";
import { type Ref, ref, reactive, watch, nextTick } from "vue";
export function useColumns(selectRef: Ref, formRef: Ref, tableRef: Ref) {
const tableData = ref(tableDataEdit);
const cloneTableData = cloneDeep(tableData.value);
const selectValue = ref([]);
const selectValue = ref([1, 3, 4]);
const searchForm = reactive({
sexValue: "",
searchDate: ""
@ -110,6 +110,21 @@ export function useColumns(selectRef: Ref, formRef: Ref, tableRef: Ref) {
});
};
watch(
selectValue,
async () => {
await nextTick();
const { toggleRowSelection } = tableRef.value.getTableRef();
selectValue.value.forEach(val => {
tableData.value.forEach(row => {
// 默认回显
row.id === val ? toggleRowSelection(row) : undefined;
});
});
},
{ immediate: true }
);
return {
searchForm,
sexOptions,