Блог

Главная - Вопросы по программированию - vuejs берет метку в группе опций меню выбора и присваивает модели данных

vuejs берет метку в группе опций меню выбора и присваивает модели данных

#vue.js #optgroup

Вопрос:

Я могу предупредить метку группы выбора, если выбран элемент под ней. Я хочу назначить эту метку параметру папки в модели данных. Как вы можете видеть, у меня есть код jquery для предупреждения метки группы выбора, но я хочу сделать это в vuejs при изменении.

 var app = new Vue({
      el: '#app',
      data: {
        selected: 'A',
        optionGroups: {
          Swedish Cars: [{
              text: 'One',
              value: 'A'
            },
            {
              text: 'Two',
              value: 'B'
            }
          ],
          German Cars: [{
            text: 'Three',
            value: 'C'
          }]
        }
      }
      folder:'',
      selectedImage: '',
      selectedImage2: '',
      selectedImage3: ''


    },
    })
    
    var selected = $('select option:selected');
  alert(selected.closest('optgroup').attr('label')); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<select name="lstparameters">
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab" selected>Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>
Метки: