vue select不显示初始值

Question

我试图显示像这样的对象数组的初始值：

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

基本上我使用计算机方法从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，即应该是所选项目的开头为1，但不知何故它没有用：/。

任何帮助？

Answer 1

您不需要计算方法来显示来自vuex商店的数据。

v-model="table.tableStyle"设置第一个显示的项目，如果使用未包含在数组中的任何内容进行初始化，则在手动选择项目之前不会选择任何项目。

尝试：

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

我不知道this是否适用于数据部分。