Question

我正在使用Vuex，我有一个返回数组的getter。我在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。这是我的最终代码：

Jaba

使用Vuex吸气剂进行Vuetify Select

1 个答案: