VUE選擇不顯示初值

Question

我試圖表現出對象的數組像這樣的初始值：

tableStyes[ 
{Id: 1, style: "blabla1}, 
{Id: 2, style: "blabla2"} 
] 

basicly我使用的是計算機的方法來給我從vuex店

數組

tableStyles() { 
    return this.$store.getters.getTableStyles 
}, 

我做選擇這種方式：

<select class="form-control" v-model="table.tableStyle"> 
    <option v-for="(item,key) in tableStyles" :value="item.Id"> 
     {{ item.style }} 
    </option> 
    </select> 

我想根據id獲得的價值，我的意思是我想牛逼他與id相關的文本，id是table.tableStyle，在開始時應該是選定的項目，但不知何故，它不起作用：/。

任何幫助？

Answer 1

您不需要計算方法來顯示來自vuex商店的數據。

v-model="table.tableStyle"設置第一個顯示的項目，如果它被初始化爲任何未包含在該數組中的項目，則在手動選擇一個項目之前不會選擇任何項目。

嘗試：

data:{ 
    return { 
    ... 
    table.tableStyle: this.$store.getters.getTableStyles[0] 
    } 
} 

我不知道在數據部分this作品。