Как изменять данные в сторонней форме созданной во vue через javascript?

Question

[Александра]

Подскажите пожалуйста, как можно изменять данные в форме, если сайт написан на vue?
Есть сайт, который выводит форму для вопросов. Я хочу заполнять эту форму но не руками, а через javascript.
Я делаю так:

let domme = document.querySelectorAll('input')
domme[1].value = 'Hello world'

Данные в форму подставляются, но сам сайт их не видит, так как при нажатии на TAB или клик мышкой на другой input, этот мой заполненный инпут очищается.
Мне сказали что это из-за того, что vue использует v-mode.
Вот мне и не понятно, как можно заполнять данные на таком сайте через javascript ?

Comments

[zav19791979]

попробуйте вызвать событие input на элементе, после того как выставите у него значение, для того чтобы сработал механизм v-model у Vue

const event = new Event('input', {
    bubbles: true,
    cancelable: true,
});

domme[1].dispatchEvent(event);

[Александра]

zav19791979, спасибо огромное!! все работает!

[xSoal]

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

Answer 1

[Иван Аникин]

Надо пробросить собитие input.
Или change если у инпута v-model.lazy

let domme = document.querySelectorAll('input')
domme[1].value = 'Hello world'
domme[1].dispatchEvent(new Event('input'));