Как изменить input value vue.js компонента из другого js?

Question

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

Есть форма на vue.js. Есть на странице карта jqyery планином. Надо подставлять в texarea адреса выбранных пунктов на карте.
Делаю так:

let $addres = $('#address');
if($addres.length){
   $addres.val("Мои данные").change();                
}

Даже вызываю событие change у texarea.
Данные подставляются но если попытаться отправить форму или внести какие-то правки в другие поля, подставленные данные стираются из этого поля. Если попробовать их внести вручную то все ок.

Answer 1

[0xD34F]

$addres.val("Мои данные").change();

Во-первых - события jquery и нативные не являются взаимозаменяемыми. Само собой, про первые Vue не в курсе.

Во-вторых - по умолчанию Vue слушает событие input (change - это если v-model используется с модификатором lazy).

Так что попробуйте заменить .change() на [0].dispatchEvent(new Event('input')).