Как установить метку выбора optgroup в Vue.js?

Я пытаюсь сделать группу выбора в Vue.

Скрипт: https://jsfiddle.net/Tropicalista/vwjxc5dq/

Я пробовал это:

  {{ sub.text }}   

Мои данные:

 data: { selected: 'A', options: { First: [ { text: 'One', value: 'A' }, { text: 'Two', value: 'B' } ], Second: [ { text: 'Three', value: 'C' } ] } } 

Вы привязываете атрибут label к option , которая представляет собой массив. Вы хотите привязать к ключу объекта.

Вы можете получить ключ каждой опции, указав второй параметр в директиве v-for :

  

Я также переименовал бы свойство options в optionGroups чтобы избежать дальнейшей путаницы:

 data: { selected: 'A', optionGroups: { First: [ { text: 'One', value: 'A' }, { text: 'Two', value: 'B' } ], Second: [ { text: 'Three', value: 'C' } ] } } 

Таким образом, шаблон будет иметь больше смысла: