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 是否在数据部分有效。