Vuex 게터를 사용하여 Vuetify 선택

Vuex 게터를 사용하여 Vuetify 선택

저는 Vuex를 사용하고 있으며 어레이를 반환하는 게터가 있습니다.이 배열을 vuetify 드롭다운 선택에서 사용하고 있습니다.배열의 첫 번째 부분에 속성을 추가해야 합니다.이 작업을 수행하면 계산된 자산에서 번호만 반환됩니다.

내 코드는 다음과 같습니다.

뷰티 선택:

<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>

난 방금 알아냈다.저는 푸시 대신 콘캣을 사용해야 합니다.마지막 코드는 다음과 같습니다.

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

언급URL : https://stackoverflow.com/questions/54870883/vuetify-select-with-vuex-getters