Как удалить значение из элемента в соответствии с условием в VueJS

Question

Я пытаюсь удалить values и hide elements, изменив select. Я знаю, как скрыть, но я хотел бы удалить values, если что-то было написано.

Вот мой код:

<select v-model="switchopera">
  <option :value="undefined" selected disabled
    >Is the reservation under the same name ?</option>
  <option :value="false"
    >Yes</option>
  <option :value="true"
    >No</option>
</select>

<select
  :required="switchopera ? false : true"
  :value="switchopera ? false : true">
  <option selected disabled>Title (on the reservation)</option>
  <option>Mr</option>
    <option>Mrs/option>
</select>

А вот мой Vuejs код:

  data() {
    return {
      switchopera: undefined
    };
  }
};

Answer 1

вы можете использовать свойство watch для проверки и выполнения действий:

watch: {
switchopera: function(value){
  // do action
}
}