Select with item-value starting with dot doesn't return the selected value but entire object

[lucafaggianelli]

I have a v-select that is fed with an array of objects containing a .key property as item-value, when I select a value, it breaks the logic as the selected value set by the component is the entire object, not the property .key. The issue seems to be with this piece of code:

vuetify/src/util/helpers.js

Line 102 in ebdbfd3

path = path.replace(/^\./, '') // strip a leading dot

If asking why I use .key as value... I use Google Firebase as backend and it uses as id for objects the property '.key', so I have objects like:

{
  .key: '-werwj3489f3fho2',
  name: 'Foo'
}

Steps to reproduce

Open the reproduction link (codepen) then select a value from v-select and notice the selection value

Versions

Vue 2.4
Vuetify 0.5.7

What is expected ?

When I select an item from select I expect to have the value in the model

What is actually happening ?

The model is set to the entire item object, not just the value

Reproduction Link

https://codepen.io/lucafaggianelli/pen/JrXZrR

[johnleider]

Very interesting issue, will look into it.

[johnleider]

After careful review, this is something that I'm not sure if we can support without decent amount of work. Do to how the dot notation works, this is not something we are going to pursue any time soon.

[johnleider]

Closing as this would cause too many potential breaking issues.

[mismith]

Damn, just ran into the exact same issue (using Firebase keys as well)... wasted a ton of time trying to track this down. Is this still only a remote possibility?