PavelUstyugov
@PavelUstyugov
Самозанятый веб-разработчик

Почему не срабатывает сохранение значения радиокнопки?

В форме есть радиокнопки. Кроме того, есть кнопка "Очистить", вызывающая функцию очистки данных формы.

clearForm() {
      var currentRegType=this.form.regType
      this.$refs.formReg.reset()
      console.log(currentRegType)
      this.form.regType='jurLic'
    }

Я пытаюсь перед очисткой формы сохранить значение радиокнопки, а потом присвоить обратно форме его значение, но это не получается. Ни одна радиокнопка не становится выбранной. Но если делаю принудительное присваивание строчкой
this.form.regType='jurLic'

то радиокнопка становится выделенной.
Но почему это не срабатывает если я пытаюсь присвоить ей сохраненное перед очисткой значение?

console.log(currentRegType)
      this.form.regType=currentRegType


Ведь в консоль выводится значение, которое нужно. И если смотреть инструменты разработчика vue - массиве form.regType появляется значение, которое я сохранил. Но визуально не отображается на кнопках. Ни одна кнопка не становится выбранной. Не могу этого понять.

Но при этом если до очистки формы активной была та кнопка, которой соответствует значение "jurLic" , то даже если мы вручную присваиваем его
this.form.regType='jurLic'
то эта кнопа уже не будет активной, как и никакая другая.
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
potapchino
@potapchino
используйте $nextTick()

clearForm() {
  const currentType = this.form.regType;

  this.$refs.formReg.reset();
  this.$nextTick(_ => (this.form.regType = currentType));
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы