v选择基于值而非键的自动选择

时间:2019-05-14 10:20:23

标签: vue.js v-select

我的v选择项如下所示

{
        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”的项。那么如何解决此问题?

我的确切要求是预选是基于键而不是值...

1 个答案:

答案 0 :(得分:0)

使用此处描述的item-textitem-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'
    }
    ```