Files
Nexus/docs/design/specs/2026-06-01-servers-batch-selection-vuetify4.md
2026-07-08 22:31:31 +08:00

842 B

设计说明 — 服务器列表批量选择(Vuetify 4)

日期: 2026-06-01

背景

生产环境勾选服务器后批量操作条不出现;normalizeServerIds 已存在但 selectedItems 始终为空。

根因

Vuetify 4 v-data-table 行选择绑定为 modelValue / v-model,不是 Vuetify 3 时代的 v-model:selected
ServersPage 使用 v-model:selected 时,勾选 UI 与父组件状态不同步,selectedIds.size 恒为 0。

方案

  1. v-data-table-server 改为 v-model="selectedItems"
  2. normalizeServerIds 兼容数字 ID、数字字符串、行对象。

验收

  • 勾选 ≥2 台 → 显示「已选择 N 台服务器」及健康检查 / 安装 / 升级 / 卸载 / 批量删除。
  • 生产构建 ServersPage-*.jsonUpdate:modelValue,无 onUpdate:selected