Vuetify Version: 2.0.20
Last working version: 1.5.0
Vue Version: 2.6.10
Browsers: Chrome 77.0.3865.90
OS: Mac OS 10.14.6
Add a checkbox to a v-select's item slot
Toggle the checkbox state when item is selected
Can't supply any info to the v-select or to bind the custom checkbox
https://codepen.io/anon/pen/rPGGMG?editors=1010
The codepen link shows a functional example. The problem is that, when I try to use that solution on vuetify 2.0, I can't make it work.
I thought I had the same issue at first but managed to do. Here is the proper implementation:
<template v-slot:item="data"
<v-list-item v-bind="data.attrs" v-on="data.on">
<v-list-item-action >
<v-checkbox :value="data.attrs.inputValue" @change="data.parent.$emit('select')" ></v-checkbox>
</v-list-item-action>
<v-list-item-content>
<v-list-item-title v-html="data.item.first_name"></v-list-item-title>
</v-list-item-content>
</v-list-item>
</template>
This could do with an example implementation.
Most helpful comment
I thought I had the same issue at first but managed to do. Here is the proper implementation: