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

Question

[Александр Маджугин]

Объясните как 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 вновь отрендерит шаблон.

Comments

[Islam Ibakaev]

покажи код, где ты обновляешь select, "когда данные прилетают".

[Александр Маджугин]

Islam Ibakaev, там очень много разного кода. Updated такой:

updated: function () {
                                this.$nextTick(function () {
                                    APP.GUI.reinitWidgets();
                                })
                            },

Конкретно код который инит select такой:

$("select",$form).selectric({
                        maxHeight: 300,
                        disableOnMobile: false,
                        nativeOnMobile: false
                    });