Vuetify v-select 多个功能与 v-data-table 一起使用时在跟踪模型绑定时存在问题



我在v-select和v-data-table上遇到了一些奇怪的行为。 问题在于模型绑定在为垂直数据表中的每一行显示时,保留给定 v-select 组件的选择。 目前尚不清楚我是否以与 Vuetify 不符的方式使用输入绑定(v-select 绑定存储在一个对象中,由表的每一行的 ID 键控(,或者这是否是 v-select 组件的合法缺陷。

仅当在 v-select 组件上启用multiple功能时,该问题才会发生,并且由以下 Codepen 演示:https://codepen.io/dkichler/pen/gKBZLR

可以通过为其中一行选择内容,然后尝试更改排序顺序(例如,按 Name(来演示。 使用单选 v-select 的表按预期重新排序并维护具有相应行的选择,但多选 v-select 表不会,而是引发 TypeError:

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

我是否错误地使用了组件,或者 v-select 或 v 数据表是否存在缺陷?

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

最新更新