Assign only value

Hi, i want assign only the value to a model:

options = [
{value: 'a', label: 'A'}
]

<v-select 
            :value.sync="selected" 
            :options="options">             
        </v-select>

When i select an option, selected is:

selected: {value: 'a', label: 'A'};

I want only this:

selected: 'a';

Whats the problem here or whats the solution?

Thanks!

[sagalbot]

@NightZpy, as you’ve seen vue-select returns the entire object by default, and @gallib solution will work, but you probably need to drop .sync as well:

<v-select :value="selected" :on-change="onChange" :options="options"></v-select>

//  in the VM
onChange(obj) {
   this.selected = obj.value;
}

Sorry for the slow reply, hope you got this sorted out.

[gallib]

Hi,

I had the same problem.

I used the on-change event to resolve it.

my function looks like:

onChange(obj) {
    this.selected = obj.value;
}

Hope that can help you.