Vuetify: [Bug Report] v-radio retrieves wrong value for null

[Blancowicz]

Environment

Vuetify Version: 2.0.15
Last working version: 1.5.17
Vue Version: 2.6.10
Browsers: Chrome 76.0.3809.87
OS: Linux x86_64

Steps to reproduce

Do not set prop value for a <v-radio> component, or set it to null:

<v-radio-group v-model="radio">
  <v-radio :value="null"></v-radio>
  <v-radio></v-radio>
</v-radio-group>

Expected Behavior

Setting no :value for a <v-radio> tag should return null for this element.

Codepen with 1.5 version working has expected

Actual Behavior

radio should be null when one of those radios are selected, but instead it takes the index of the element as value.

Reproduction Link

https://codepen.io/Blancowicz/pen/xxKpzyQ

[sh7dm]

Looks like this is intented behavior:

[Blancowicz]

Thanks for taking your time to watch this @sh7dm

[johnleider]

You can change this behavior in your project by extending if you want:

import { VRadio } from 'vuetify/lib'

export default {
  extends: VRadio,

  methods: {
    getValue (item, i) {
      ...
    }
  }
}

[BenShelton]

Actually this method doesn't exist on VRadio, it exists on the VRadioGroup. So a complete alternative would be:

import { VRadioGroup } from 'vuetify/lib'

export default {
  extends: VRadioGroup,

  methods: {
    getValue (item) {
      return item.value
    }
  }
}

There seems to be a lot of checks for null though internally for this Vuetify component (or rather VItemGroup which VRadioGroup extends), so although this seems to work in our project YMMV.