v-выберите автоматический выбор на основе значения, а не ключа

Question

мои элементы V-Select выглядят как показано ниже

{
        key: 'most_engaged',
        value: 'Most engaged'
    }, {
        key: '',
        value: 'Most recent'
    }, {
        key: 'desc',
        value: 'Most positive'
    }, {
        key: 'asc',
        value: 'Most negative'
    }, {
        key: 'most_engaged1',
        value: 'Most engaged'
    }

Т.е. я установил элемент most_engaged как элемент по умолчанию, после чего были выбраны все элементы со значением Most Engaged. Как решить эту проблему?

Мое точное требование - предварительный выбор основан на ключе, а не на значении ...

Answer 1

Используйте описанные здесь реквизиты item-text и item-value: https://vuetifyjs.com/en/components/selects#select Затем установите для v-model значение по умолчанию, например:

<v-select
:items="myItems"
item-text="key"
item-value="value"
v-model="currentValue"
></v-select>
.
.
.
data(){
   return {
        currentValue: {  
           key: 'most_engaged',
           value: 'Most engaged'
    }
    ```