diff --git a/frontend/web/src/hooks/core/useTableColumns.ts b/frontend/web/src/hooks/core/useTableColumns.ts index 952b66f..394800b 100644 --- a/frontend/web/src/hooks/core/useTableColumns.ts +++ b/frontend/web/src/hooks/core/useTableColumns.ts @@ -194,10 +194,10 @@ export function useTableColumns( columnChecks.value = newChecks; }); - // 列设置变化时自动持久化(所有变更均替换整个数组引用,无需 deep) + // 列设置变化时自动持久化(需 deep:表头组件勾选列是原地改对象,浅 watch 只在数组引用替换时触发,会漏掉勾选) watch([dynamicColumns, columnChecks], () => { saveColumnSettings(); - }); + }, { deep: true }); // 当前显示列(基于 columnChecks 的 checked 或 visible) const columns = computed(() => {