Блог

Я хочу использовать адрес автозаполнения Google в компоненте vue.Я попытался сделать это следующим образом,

 <template>
  <div>
    <h2>Your Address</h2>

    <vue-google-autocomplete
        ref="address"
        id="map"
        classname="form-control"
        placeholder="Please type your address"
        v-on:placechanged="getAddressData"
        country="sg"
    >
    </vue-google-autocomplete>
  </div>
</template>

<script>
import VueGoogleAutocomplete from 'vue-google-autocomplete'

export default {
  components: { VueGoogleAutocomplete },
  name: "AddressAutoComplete",

  data: function () {
    return {
      address: ''
    }
  },

  mounted() {
    // To demonstrate functionality of exposed component functions
    // Here we make focus on the user input
    this.$refs.address;
  },

  methods: {
    /**
     * When the location found
     * @param {Object} addressData Data of the found location
     * @param {Object} placeResultData PlaceResult object
     * @param {String} id Input container ID
     */
    getAddressData: function (addressData, placeResultData, id) {
      this.address = addressData;
    }
  }
}
</script>
 

но это показывает следующую ошибку

Итак, что же в этом плохого?Я также установил vue-google-автозаполнение.