Создаются блоки через цикл, в каждом блоке есть select. Подскажите, как при клике на кнопку, взять выбранные значения из всех созданных select'ов?
<div v-for="attribute in attributes" class="col">
{{ attribute.name }}
<select ref="selectedVariation" class="form-control">
<option selected>---</option>
<option v-for="variation in attribute.variations"
:key="variation.id"
:value="variation.id">
{{ variation.name }}
</option>
</select>
</div>`
<button class="btn btn-success">Click</button>
Вот ответ:
awesomeMethod() {
var length = this.$refs.selectedVariation.length
for (var i = 0; i < length; i++) {
this.variations[i] = this.$refs.selectedVariation[i]['value']
// console.log(this.$refs.selectedVariation[i]['value'])
}
}
collectValues() {
this.collectedValues = this.$refs.selectedVariation.map(item => item.value);
}
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости