# 设计说明 — 服务器列表批量选择（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`。