Как использовать атрибут text из опций в форме, выбранной с помощью V-Model

Question

В настоящее время у меня есть форма начальной загрузки Vue с несколькими входами, один из которых является выбором.

        <b-form-select id="myInput"
                  :options="listOfOptions"
                  v-model="form.selection"
                  required>
        </b-form-select>

С параметрами:

                listOfOptions: [                  
                { 
                    text: 'Option A', 
                    value: 'A'
                },
                { 
                    text: 'Option B', 
                    value: 'B' 
                },
                { 
                    text: 'Option C', 
                    value: 'C' 
                },
               ],

Как и ожидалось, когда я выбираю один, онустанавливает для form.selection значение, которое я выбрал, поэтому, если я выберу «Option C», для form.selection будет также установлено «C».

Теперь у меня есть другое требование.Мне нужно присвоить значение текста новой переменной в форме, давайте назовем это имя.Поэтому, когда я выбираю «Option B», form.selection = «B» и form.name = «Option B».Я играл вокруг, но, похоже, не могу понять это правильно.

Answer 1

Компонент выбора начальной загрузки разработан таким образом, и если вы хотите, чтобы текст был частью выбранных вами данных, вы должны изменить источник:

  listOfOptions: [                  
            { 
                text: 'Option A', 
                value: {
                   text: 'Option A', 
                   value: 'A'
                }
            },
            ...
  ]

Сейчас, form.selection это объект, который у вас есть.