как добавить старые данные для выбора входов (цикл по vue. js) в форме

Question

этот код работает для обычных входов выбора

            <select id="condition" name="condition"  class="@error('condition') is-invalid @enderror form-control" >
            <option value="" >Select Condition</option>
            <option value="Brand New" {{ old('condition') === 'Brand New' ? 'selected' : '' }} >Brand New</option>
            <option value="Recondition" {{ old('condition') === 'Recondition' ? 'selected' : '' }} >Recondition</option>
            <option value="Used" {{ old('condition') === 'Used' ? 'selected' : '' }} >Used</option>
            </select>

, но мне нужно использовать старые данные для выбора циклических входов через Vue. js

<select class="form-control" name="model" id="model" v-model="model">
  <option v-for="option in model_options[make]" v-bind:value="option.id" v-bind:key="option.id">@{{option.text}}</option>
                                </select>

Answer 1

Я не уверен, что полностью понимаю, что вы ищете.

Я думаю, вам просто нужно установить model (для v-model="model") на идентификатор опции, которую вы хотите выбрать.

Я добавил ниже фрагмент, где это делается на mounted на основе oldCondition.

new Vue({
  el: "#app",
  data: () => {
    return {
      oldCondition: "Recondition",
      model: null,
      make: 0,
      model_options: [
        [{
          id: 1,
          text: "Brand New"
        }, {
          id: 2,
          text: "Recondition"
        }, {
          id: 3,
          text: "Used"
        }]
      ]
    };
  },
  mounted() {
    if (this.oldCondition)
      this.model = this.model_options[this.make].filter(x => x.text === this.oldCondition)[0].id;
  }


});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <div>Old Condition: {{oldCondition}}</div>
  <br />
  <select class="form-control" name="model" id="model" v-model="model">
    <option>Select Condition</option>
    <option v-for="option in model_options[make]" :value="option.id" :key="option.id">@{{option.text}}</option>
  </select>
</div>