v模型上的输入，动态地改变其他脚本的值

v-model on input that dynamically changes value by other script ?

本文关键字：其他 改变 脚本 模型 输入 动态      更新时间：2023-09-26

我有两个输入存储lat和lng从谷歌地图脚本，如果用户改变标记的位置=>这两个输入得到lat和lng的用户啄，所以我想得到这两个输入的值，我尝试v-model，但它没有工作，我实际上注意到，v-model将被触发只有当我改变这些输入的值通过键入或粘贴的东西。是否有一种方法可以将这些输入的值(如on-change)获取到我的Vue实例?

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

document.querySelector('#element-id').dispatchEvent(new Event('input'))
元素上的

。这适用于<input>和<textarea>元素。对于<select>元素，您必须调用:

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

您需要注意这两个变量，并将值赋给新变量

使用监视变量 properties:

HTML: 

<div id="el">
  <form>
    <input v-model="foo">
    <input v-model="bar">
  </form>
  <p>{{ foo }}</p>
  <p>{{ bar }}</p>
</div>

JS: 

new Vue({
   el: "#el",
   data: {
       foo: '',
       bar: ''
   },
   watch: {
      foo: function(value) {
         this.foo = value
       },
      bar: function(value) {
         this.bar = value
      }
   }
});
相关文章：