vuetify 的 `v-combobox` 默认允许用户输入不存在于选项列表中的任意值，这在需要严格数据校验的场景下存在风险；应改用 `v-autocomplete` 并配合 `no-filter` 或 `filter` 等属性实现仅允许预设项的选择行为。
在 Vuetify 中，v-combobox 与 v-autocomplete 的核心区别在于：v-combobox 明确设计为支持“创建新条目”（free-text entry）——当用户输入未匹配项并失焦（如按 Tab 或点击空白处）时，该输入会被自动转为字符串并赋值给 v-model，这正是你遇到的问题根源。
✅ 正确解法：使用 v-autocomplete 替代 v-combobox
v-autocomplete 默认只接受 items 数组中已存在的值，任何非匹配输入在失焦后会自动清空或回退到最近的有效值（取决于配置），从而彻底杜绝非法输入。
以下是修正后的代码示例（支持多选、芯片显示、可关闭标签）：
? 关键属性说明：
立即学习“前端免费学习笔记（深入）”；
- no-filter：禁用内置过滤逻辑（推荐启用，避免因大小写/空格等导致误判）；
- clearable：提供清除按钮，提升用户体验；
- hide-selected：已选项目不在下拉菜单中重复显示；
- 若需自定义匹配逻辑（如忽略大小写、模糊匹配），可使用 :filter 属性传入函数：
// 在 methods 或 computed 中定义
customFilter(item, queryText, itemText) {
const text = itemText.toLowerCase();
const query = queryText.toLowerCase();
return text.includes(query);
}然后绑定到组件：
>
⚠️ 注意事项：
- 不要混用 v-model 绑定为 string 类型与 multiple 属性（会导致运行时警告）；确保 selectedProperties 初始化为 Array（如 []）；
- v-autocomplete 的 items 应为扁平数组（如 ['A', 'B', 'C']）或对象数组（需指定 item-text 和 item-value）；
- 若业务确实需要“部分自由输入 + 部分约束”，建议改用 v-combobox + @update:search + 手动校验 + @blur 清除非法值，但复杂度显著升高，不推荐作为首选方案。
总结：优先选用语义更准确、行为更可控的 v-autocomplete，而非强行改造 v-combobox 的默认行为——这是 Vuetify 官方推荐的设计意图，也是保障表单数据一致性的最佳实践。
