Перебор ключей в скрипте данных

Я пытаюсь понять, как сравнить значение пользовательского ввода из раскрывающегося меню с объектами идентификаторов с ключами, соответствующими параметрам раскрывающегося списка в 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>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
43
2

Ответы 2

Вы могли бы попробовать

Object.keys(this.ids).forEach(x => ... /* do stuff with this.ids[x] */)

попробовал это, и это также заставило мои элементы выбора раскрывающегося меню исчезнуть (вытягиваются из массива выбора), не имеет большого смысла. Массив вообще не используется, а для проверки даже создана вся известная переменная для сравнения идентификаторов, даже не связанная с меню выбора, и все равно исчезает.

David C 05.03.2019 01:36

this.ids[this.selectMenu] должен дать вам объект в объекте ids.

так что это будет idMatch: this.ids[this.selectMenu]

David C 05.03.2019 01:05

попробовал, и теперь меню выбора, которое извлекает параметры из массива выбора, не будет работать.

David C 05.03.2019 01:16

Другие вопросы по теме