Как сделать чтобы v-model следил за разными select в цикле?

Чтобы сделать v-model, который следит за разными select в цикле во Vue.js, можно использовать вычисляемые свойства и массив объектов.

Допустим, у нас есть массив объектов options, каждый из которых будет представлять один select в цикле. У каждого объекта options будет свойство value, которое будет отслеживать текущее значение выбранного элемента в select.

Каждый select будет присоединяться к своему элементу массива options с помощью индекса в цикле v-for.

Пример кода:

<template>
  <div>
    <div v-for="(option, index) in options" :key="index">
      <select v-model="option.value">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
      </select>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { value: '' },
        { value: '' },
        { value: '' }
      ]
    };
  }
};
</script>

В данном примере у нас есть 3 select, каждый из которых связан с соответствующим элементом массива options с помощью v-model. Когда пользователь выбирает опцию в любом из select, связанное свойство value в объекте options обновляется автоматически.

Для доступа к выбранным значениям select вам нужно будет обращаться к массиву options. Например, options[0].value даст вам значение первого select.

Надеюсь, это поможет вам решить вашу задачу с v-model и select в цикле с использованием Vue.js.