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作品。