Нужен способ встроенного редактирования текста с помощью Vue.JS

<div class = "uk-margin">
                <label class = "uk-form-label" for = "chkpt-fiberhood-stage-    
id">Stage</label>
                <div class = "uk-form-controls">
                  <select class = "uk-select" v-model = "active_stage">
                    <option :value = "null">No Stage</option>
                    <option v-for = "stage in stages_meta"     
:value = "stage.chkpt_stage_id">
                      {{ stage.chkpt_stage_name }}
                    </option>
                  </select>
                </div>
              </div>

Вот фрагмент кода с веб-сайта, над которым я работаю. Он использует директиву v-for Vue.JS для создания списка на основе содержимого "stage.chkpt_stage_id".

Я хочу выяснить, есть ли способ вместо отображения только информации отобразить строку текстовых полей, обновляющих содержимое «stage.chkpt_stage_id», для чего в любом случае предназначен список (это просто ускорит редактирование на лету)?