Переменная в свойстве data обновляется только по третьему клику, не понимаю, из-за чего?

Question

[Иван Гришов]

У меня есть виджет. Логика работы: при выборе радио кнопки в блоке появляется следующий блок.

Мне нужно сделать, чтобы при изменении радио кнопки в блоке, все остальные блоки (кроме одного, следующего за данным) скрывались. Все работает, кроме одного момента: cкрытие блоков проиcходит только после второго изменения радио кнопки. Не могу понять почему так работает.

При клике на радио я отслеживаю изменение заголовка, при этом изменяется переменная queustionIndex и подгружается следующий блок. Но вот при изменении чекбокса эта переманная обновляется не с первого раза. Я ее вывел в консоль, в первом блоке. Спасибо за помощь.

Код:
https://jsfiddle.net/IvanGrishov/fsc3ea4j/13

Answer 1

[Rsa97]

this.quiz.questions[i].checkedName = ''
В этот момент у вас срабатывает событие watch и в очередь ставится следующий обработчик.
Можно перенести this.questionIndex = 1 в конец функции, но лучше проверять новое значение и ничего не делать, если оно пустое.

Comments

[Иван Гришов]

Rsa97 , cпасибо Вам большое. Два дня потратил на решение этой проблемы. Даже мысли не было, что при this.quiz.questions[i].checkedName = '' - снова запускается watch