Vuetify Select с получателями Vuex

Question

Я использую Vuex, и у меня есть геттер, который возвращает массив.Я использую этот массив в выпадающем списке vuetify.Мне нужно добавить дополнительное свойство в первом массиве.Когда я делаю это, я получаю только число, возвращенное из моего вычисленного свойства.

вот мой код:

Vuetify Select:

<v-select
 v-on:change="setGame"
 v-model="gameid"
 :items="games"
 item-text="gametitle"
 item-value="gid"
 label="Select Game"
 ></v-select>

Вычисляемое свойство:

games(){
    return this.$store.getters.games.unshift({ 'gametitle': 'All Games', gid: null });
}

Исходный оператор возврата, который отлично работает return this.$store.getters.games

Ошибка:

[Vue warn]: Invalid prop: type check failed for prop "items". Expected Array, got Number with value 3.

found in

---> <VSelect>
       <VToolbar>
         <Navbar> at src/components/layout/Navbar.vue
           <VApp>
             <App> at src/App.vue
               <Root>

Answer 1

Я только что понял это.Мне нужно использовать concat вместо push.вот мой окончательный код:

games(){
    var selectAllGames = [
        {'gametitle': 'All Games', gid: null}
    ]
    return selectAllGames.concat(this.$store.getters.games);
}