Я пытаюсь понять, как сравнить значение пользовательского ввода из раскрывающегося меню с объектами идентификаторов с ключами, соответствующими параметрам раскрывающегося списка в 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 и программировании в целом. Что я сделал, так это объединил выборки и идентификаторы в один массив, например: Решение:
<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>



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы могли бы попробовать
Object.keys(this.ids).forEach(x => ... /* do stuff with this.ids[x] */)
this.ids[this.selectMenu] должен дать вам объект в объекте ids.
так что это будет idMatch: this.ids[this.selectMenu]
попробовал, и теперь меню выбора, которое извлекает параметры из массива выбора, не будет работать.
попробовал это, и это также заставило мои элементы выбора раскрывающегося меню исчезнуть (вытягиваются из массива выбора), не имеет большого смысла. Массив вообще не используется, а для проверки даже создана вся известная переменная для сравнения идентификаторов, даже не связанная с меню выбора, и все равно исчезает.