title: Vue not updating field after fill model google api autocomplete
body: <p>Please help me with update field in Vue.
  I try to use <a href="https://www.npmjs.com/package/vue-google-autocomplete" rel="nofollow noreferrer">https://www.npmjs.com/package/vue-google-autocomplete</a>
  This is simple form</p>
  <p><a href="https://i.stack.imgur.com/S93xQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/S93xQ.png" alt="enter image description here" /></a></p>
  <p>After selecting the address, I want to fill in not with the full address from Google, but with a part of it (for example, address line 1). Now it fills in &quot;227 West Monroe Street, Chicago, IL, USA&quot; instead of &quot;West Monroe Street&quot;.</p>
  <p>I use focus and blur:</p>
  <pre class="lang-js prettyprint-override"><code>async mounted() {
    if (this.$refs.address) {
      this.$refs.address.focus();
      this.$refs.address.blur();
    }
  },
  </code></pre>
  <p>and methods:</p>
  <pre class="lang-js prettyprint-override"><code>methods: {
    onBlur() {
      this.focused = false
      setTimeout(() =&gt; {
        const addressInput = document.getElementById(`address-input`);
        if (!addressInput.value) {
          addressInput.value = this.user.value.Address1; //HERE BUG?
        }
      }, 0);
    },
    onChange({ newVal }) {
      Address1: params.Address1 || '',
      Address2: params.Address2 || '',
      City: params.City || '',
      StateCode:params.StateCode || '',
      ZipCode: params.ZipCode || '',
      Country: params.Country || 'US',
    },
    getAddress(addressData) {
      this.user.Address1 = addressData.route;
      this.user.Address2 = addressData.street_number;
      this.user.City = addressData.locality;
      this.user.Country = addressData.country;
      this.user.ZipCode = addressData.postal_code;
      this.user.StateCode = addressData.administrative_area_level_1
    }
  }
  </code></pre>
  <p>and template</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;p2&quot;&gt;
    &lt;google-autocomplete
      id=&quot;address-input&quot;
      country=&quot;US&quot;
      v-model=&quot;user.Address1&quot;
      :classname=&quot;googleAutocompleteClass&quot;
      placeholder=&quot;Enter address line 1&quot;
      @onblur=&quot;onBlur&quot;
      @inputChange=&quot;onChange&quot;
      @placechanged=&quot;getAddress&quot; /&gt;
  &lt;/div&gt;
  </code></pre>
  <p>but this setTimeout does not work</p>