23 lines
842 B
Markdown
23 lines
842 B
Markdown
|
# 设计说明 — 服务器列表批量选择（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-*.js` 含 `onUpdate:modelValue`，无 `onUpdate:selected`。
|