VAutoComplete Значение по умолчанию - PullRequest
Новая
       6

VAutoComplete Значение по умолчанию

0 голосов
/ 21 февраля 2020

У меня есть VAutomcomplete, который заполняется из объекта или массива, и я хочу установить значение по умолчанию на основе значения ключа проп, полученного из родительского компонента. Вот мой код: 

<v-autocomplete
                :items="changeObjToArray"
                item-text="text"
                item-value="keys"
                v-model="setDefaultValue"
                label="Shows"
                required
                :name="showname"
                :rules="[v => !!v || 'Show Value is required']"
        />

props: {
            options: [Object, Array],
            showname: String,
            showvmodel: String,
        },

computed: {
            //Creating array of objects
            changeObjToArray: function () {
                let arr = [];
                let keys = Object.keys(this.options);
                let values = Object.values(this.options);
                for (let i = 0, len = keys.length; i < len; i++) {
                    arr.push({
                        value: keys[i],
                        text: values[i]
                    });
                }
                return arr;
            },
            setDefaultValue: function(){
                let defaultOption = [];
                let keys = Object.keys(this.options);
                let values = Object.values(this.options);
                for (let i = 0, len = keys.length; i < len; i++) {
                    if(this.showvmodel==keys[i]){
                        defaultOption.push({
                            value: keys[i],
                            text: values[i]
                        });
                    }
                }
                return defaultOption;
            }
        }

options - это объект, который имеет следующие значения: 

{"3":"House","4":"How I Met Your Mother","5":"Friends","6":"The Witcher"}

, а showvmodel передает значение 3, поэтому мне нужно VAutocomplete для отображения House в качестве опции по умолчанию. Если showvmodel передается как 6, то VAutocomplete должно отображать The Witcher

Технически это должно работать, но это не так, поэтому я был бы признателен за помощь.

...