Javascript Vue与x27之间的差异;价值'&'_价值';输出$ref时

Javascript Vue与x27之间的差异;价值'&'_价值';输出$ref时,javascript,vue.js,Javascript,Vue.js,我试图访问表单中输入字段的值 但是,如果我使用v-model,我会得到一个不完整的结果,如果我尝试记录该值,如: console.log(this.$refs.address.value); 结果 4 Duiker Cresc 应该是这样 南非沙巴伊沙湾Duiker Crescent 4号 这是Html <div class="form__group"> <input type="text"

我试图访问表单中输入字段的值

但是,如果我使用v-model,我会得到一个不完整的结果,如果我尝试记录该值,如:

console.log(this.$refs.address.value);
结果

4 Duiker Cresc

应该是这样

南非沙巴伊沙湾Duiker Crescent 4号

这是Html

    <div class="form__group">
      <input
        type="text"
        class="form__input"
        placeholder="Street Address"
        ref="address"
        required
        @change="watchAddress($event)"
        v-model="User.street_address"
      />
      <label for="address" class="form__label">Street Address</label>
    </div>

这是因为v-model实际上使用了
oninput
来触发更改,并且当google maps更新输入时,该事件未被调用,因此您的数据不会被更新。@elichen我将如何强制更新?如果您在google自动完成时创建事件,那么您应该在何时更新数据。我不熟悉谷歌地图api,但我很确定你有这样的活动。
let googlePlaces = new google.maps.places.Autocomplete(
  /** @type {!HTMLInputElement} */ (this.$refs.address),
  { types: ["geocode"] }
);