Как восстановить реактивность VueJs?

Question

[Konstantin]

Есть модалка (для открытия используется iziModal)
Данные в модалке генерируются VueJs.
Но при инициализации модалки пропадает реактивность т.е. при вводе данных в поля формы они не попадают в Vue.
Объект Vue не компилируется в общий файл.
Как поправить данную ситуацию.

Comments

[alex]

нужно сделать так, чтобы реактивность не пропадала

[Konstantin]

Alex, а как это сделать?

[Модератор]

Konstantin, дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[alex]

Konstantin, понятия не имею, вы код не показываете, а я не телепат

[Konstantin]

element = new Vue({
            el:'#element',
            data:function () {
                return {
                    prepare_data:{
                        name:'',
                        surname:'',
                        lastname:'',
                        doctor:'',
                    },
                
                    politics: true,
                    errors:{
                    
                        name:false,
                        surname:false,
                        lastname:false,
                    
                    },
                    requareFields:[
                        'name_or_diagnosis',
                        'name',
                        'surname',
                        'phone'
                    ],

                }
            },
            mounted:function () {
                $('#mdl-su').iziModal();
            },
            updated:function(){}
            });

Собственно стандартное создание Vue.
Уже внедрял iziModal в Vue и нормально все было, а тут вот такое.

[alex]

Konstantin, codesandbox || jsfiddle || codepen

[Konstantin]

Alex, у меня проект на битре.
Этот код вызывается как часть компонента.
В codesandbox не получится вытащить т.к. возможно на него вляют други скрипты.

Сейчас делаю собственный вызов модалки.
Придется немного закостылить.

[alex]

Konstantin, что за битра? ппц, вы значит берете кусок дома сгенрированый вью js и скармливаете его жыквери плагину, а потом удивляетесь куда реактивность делась?

[Konstantin]

Alex, битра это Bitrix.
Компонент это php компонет который выводит данны.
Vue выводит форму с полями и данными для заполнения данной формы, iziModal подключается внутри Vue тут все нормально должно быть по логике.
За ответ

mounted() {
  this.$nextTick(() => {
    $('#mdl-su').iziModal({
      afterRender: () => {
        $('#mdl-su input[name="name"]').input(e => {
          this.prepare_data.name = e.target.value
        })
        
        $('#mdl-su input[name="surname"]').input(e => {
          this.prepare_data.surname = e.target.value
        })
      }
    })
  })
}

спасибо, попробую его.