输入上的 v-model 通过其他脚本动态更改值？

Question

我有两个输入存储来自谷歌地图脚本的 lat 和 lng，如果用户更改标记的位置 => 这两个输入获取用户啄的 lat 和 lng，所以我想获取这两个输入的值，我试过 v -model 但它不起作用我实际上注意到只有当我通过键入或粘贴某些内容来更改这些输入的值时才会触发 v-model。有没有办法获得这些输入的值（例如-更改）到我的 Vue 实例？

Answer 1

要触发 Vue.js 在从外部脚本动态更改后读取输入的值，您必须调用：

document.querySelector('#element-id').dispatchEvent(new Event('input'))

在你的元素上。这适用于<input>和<textarea>元素。对于<select>元素，您必须调用：

document.querySelector('#element-id').dispatchEvent(new Event('change'))