2
votes

I have run into some odd behaviour with v-select and v-data-table. The issue is with model bindings holding the selection of given v-select component when presented for each row in a v-data-table. It's not clear whether I'm using the input bindings in a way that does not play well with Vuetify (v-select bindings are stored in an object, keyed by ID from each row of the table), or whether this is a legitimate defect with the v-select component.

The issue only seems to happen when the multiple feature is enabled on a v-select component and is demonstrated by this Codepen: https://codepen.io/dkichler/pen/gKBZLR

It can be demonstrated by choosing a selection for one of the rows, and then attempting to change the sort order (by Name, for example). The table using single selection v-selects reorders and maintains selections with the appropriate row, as expected, but the multiple selection v-select table does not, and instead throws a TypeError:

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

Am I using the component incorrectly, or is there a defect with the v-select or v-data-table?

1

1 Answers

0
votes

Turns out this was a defect in Vuetify 1.0.17, and has been corrected in version 1.1.1. The referenced code pen has been updated and now works as expected.