时间戳

首页 > 解决方案 > v-select 基于值而不是键的自动选择

vue.js - v-select 基于值而不是键的自动选择

问题描述

我的 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”的项目。那么如何解决这个问题？

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

标签： vue.jsv-select

解决方案

使用此处描述的item-text和item-value道具： https ://vuetifyjs.com/en/components/selects#select 然后将 a 设置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'
    }
    ```

推荐阅读