javascript - Vuetify v-select 与 v-data-table 串联使用的多个功能在跟踪模型绑定(bind)方面存在问题

Question

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

这个问题似乎只有在 v-select 组件上启用了 multiple 功能时才会发生，并且由这个 Codepen 演示:https://codepen.io/dkichler/pen/gKBZLR

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

[Vue warn]: watcher "inputValue"回调错误: "TypeError: Cannot read property 'findIndex' of undefined"

我是否错误地使用了该组件，或者 v-select 或 v-data-table 是否存在缺陷？

Answer 1

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