javascript - 遍历数据脚本中的键

我试图弄清楚如何将下拉菜单中的用户输入值与ID对象以及与Vue中的下拉菜单选项相匹配的键进行比较。

例：

<template>
  <select v-model="selectMenu">
    <option v-for"select in selections">{{ selection }}</option>
  </select>
</template>

<script>
export default {
  data() {
    return {
      selectMenu: '',
      selections: [ 'one', 'two', 'three' ],
      ids: {
        one: 'dfs745jfdb',
        two: 'adfjdsh3gf5',
        three: 'ag23dsgnsj'
      }
    }
  }
}
</script>

我想出了一种更简单的方法。一般来说，我对Vue和编码非常陌生。我所做的就是将选择和id合并到一个数组中，如下所示：
 解：

<template>
  <select v-model="selectMenu">
    <option v-for"selectId in selectIds" v-bing:value="selectId.id">
    {{ selectId.text }}
    </option>
  </select>
</template>

<script>
export default {
  data() {
    return {
      selectMenu: '',
      selectIds: [
        { text: 'one', id: 'dfs745jfdb' },
        { text: 'two' id: 'adfjdsh3gf5' },
        { text" 'three' id: 'ag23dsgnsj' }
      ]
    }
  }
}
</script>

最佳答案

this.ids[this.selectMenu]应该为您提供ids对象中的对象。