Как предотвратить реактивность в форме заполнителя

Question

У меня есть поле ввода, настроенное как

<input @input="e => machineCIDR = e.target.value" type="text" name="machine" class="form-control form-control-lg" :placeholder="machineCIDR">

Проблема в том, что когда кто-то заполняет форму, а затем удаляет ее все, заполнитель остается с последним заполненным символом.

Как настроить :placeholder="machineCIDR", чтобы он отображал начальное значение , а затем никогда не обновлялся ??

Answer 1

Предполагая, что machineCIDR уже настроен (как опора или в данных), вы можете создать объект для хранения всех ваших начальных значений:

data() {
  return {
    ...
    initial: {}
  }
}

И установить значения в created:

created() {
  this.initial['machineCIDR'] = this.machineCIDR;
}

Затем привяжите это вместо этого в placeholder:

:placeholder="initial['machineCIDR']"