Vuetify v-select 与 v-data-table 一起使用的多项功能无法跟踪模型绑定答案

【问题标题】：Vuetify v-select multiple feature used in tandem with v-data-table has trouble tracking model bindingsVuetify v-select 与 v-data-table 一起使用的多项功能无法跟踪模型绑定
【发布时间】：2018-12-06 19:17:46
【问题描述】：

我在使用 v-select 和 v-data-table 时遇到了一些奇怪的行为。问题在于模型绑定在为 v-data-table 中的每一行呈现时保持对给定 v-select 组件的选择。目前尚不清楚我是否以与 Vuetify 不兼容的方式使用输入绑定（v-select 绑定存储在一个对象中，由表中每一行的 ID 键控），或者这是否是一个合法的缺陷使用 v-select 组件。

该问题似乎仅在 v-select 组件上启用 multiple 功能并由此 Codepen 演示时发生：https://codepen.io/dkichler/pen/gKBZLR

可以通过为其中一行选择一个选项来演示，然后尝试更改排序顺序（例如，按名称）。正如预期的那样，使用单选 v-select 的表会重新排序并使用适当的行维护选择，但多选 v-select 表不会，而是会引发 TypeError：

[Vue warn]: Error in callback for watcher "inputValue": "TypeError: Cannot read property 'findIndex' of undefined"

是我错误地使用了组件，还是 v-select 或 v-data-table 有缺陷？

【问题讨论】：

标签： javascript vuejs2 vuetify.js

【解决方案1】：

原来这是 Vuetify 1.0.17 中的一个缺陷，并已在 1.1.1 版中得到纠正。引用的代码笔已更新，现在可以按预期工作。

【讨论】：