Vue.jsで実装されたformの値をフロント側からJavascriptで変更する

問題

WebViewアプリなどでやむを得ずinputフォームにフロント側から値を入れたい場合に、通常であればvalueに突っ込むだけで良かったのですが、Vue.jsだとそれだけでは裏側の値にまで反映されないみたいです。

解決法

inputイベントを更新のトリガにしているようなので、valueの変更後に呼んであげるだけでした。

document.getElementById('accountId').value = 'アカウントID';
document.getElementById('accountId').dispatchEvent(new Event('input'));
// 送信ボタンなど
document.getElementById('button').click();