大佬教程收集整理的这篇文章主要介绍了分别使用 nuxtJs 查看 Google 自动完成地址，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在使用带有 NuxtJs 的 Google Autocomplete Places，如以下链接中所述：
https://medium.com/@jpoechill/superbasic-google-autocomplete-with-nuxt-js-378a9262659a
它工作正常，但事实是我想在自动填充输入中分别从地址中获取数据，例如“自动填充字段”：
https://www.npmjs.com/package/vue-place-autocomplete
我不想详细说明，如果我可以在控制台中单独返回地址（按国家/地区、州、城市...），那就太好了！
代码如下：
<v-text-fIEld ID="searchTextFIEld" v-model="searchTextFIEld" label="Digite um endereço" v-on:keydown="searchAddress()" color="rgba(65,27,153,0.95)" outlined>
</v-text-fIEld>
@H_675_16@方法：
async searchAddress() {
var defaultBounds = new Google.maps.LatLngBounds(
new Google.maps.LatLng(-33.8902,151.1759),new Google.maps.LatLng(-33.8474,151.2631));
var input = document.getElementByID('searchTextFIEld');
var options = {
bounds: defaultBounds,types: ['address']
};
this.autocomplete = new Google.maps.places.autocomplete(
input,options
);
},@H_675_16@用以下代码解决：
async searchAddress() {
var address1Field = document.query@R_944_10288@ctor("#searchTextField");
this.autocomplete = new google.maps.places.Autocomplete(address1Field,{
componentReStrictions: { },fields: ["address_components","geometry"],types: ["address"],});
address1Field.focus();
this.autocomplete.addListener("place_changed",this.fillInAddress);
},fillInAddress() {
this.place = this.autocomplete.getPlace();
this.@R_944_10288@ctedAddress = this.place.address_components
console.log(this.@R_944_10288@ctedAddress)
}
@H_675_16@和变量：
place: "",@R_944_10288@ctedAddress: "",autocomplete: "",@H_675_16@以上是大佬教程为你收集整理的分别使用 nuxtJs 查看 Google 自动完成地址全部内容，希望文章能够帮你解决分别使用 nuxtJs 查看 Google 自动完成地址所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。