Почему обновляемый элемент VUE сохраняет состояние?

Объясните как Vue перерисовывает элементы.

Вот в чем у меня проблема - у меня в шаблоне формы есть элемент:
<div class="firstscreen__search-item">
                            <select name="city">
                                <option value="" selected disabled>Город</option>
                                <option
                                        v-for="(city, index) in cities"
                                        :value="city.ID"
                                    >{{ city.NAME_RU }}</option>
                            </select>
                        </div>

Он после создания Vue стилизуется с помощью Selectric. Однако когда прилетает новый список гордов и select обновляется... блоки selectric никуда не исчезают. Так как будто vue перерисовывает шаблон не полностью. А только вот эти option обновляет и все. Как мне заставить vue заменять весь узел DOM c которым он связан, при обновлении данных?

В частности на корневом элементе у меня есть атрибут который в процессе может удаляться. Я так же хочу чтобы он появлялся когда vue вновь отрендерит шаблон.
  • Вопрос задан
  • 101 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы