vue vuetify_适用于Google Places API的Vuetify就绪的Vue.js自动建议组件-CSDN博客

vue vuetify

Vuetify Google自动完成 (Vuetify Google Autocomplete)

A Vuetify ready Vue.js (2.x) autosuggest component for the Google Maps Places API.

适用于Google Maps Places API的Vuetify就绪Vue.js(2.x)自动建议组件。

Latest Version: 1.0.4

最新版本：1.0.4

安装 (Installation)

This component uses Google Maps Places API to get geo suggests for autocompletion, so you have to include the Google Maps Places API in the

of your HTML:

该组件使用Google Maps Places API来获取自动完成的地理建议，因此您必须将Google Maps Places API包括在

您HTML：

<!DOCTYPE html>
  <html>
  <head>
    …
    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY_HERE&libraries=places"></script>
  </head>
  <body>
    …
  </body>
</html>

To obtain API key please visit the Google Developer Console. The API's that you have to enable in your Google API Manager Dashboard are Google Maps Geocoding API, Google Places API Web Service and Google Maps Javascript API.

要获取API密钥，请访问Google Developer Console。您必须在Google API Manager仪表板中启用的API是Google Maps Geocoding API，Google Places API Web Service和Google Maps Javascript API。

The easiest way to use Vuetify Google Autocomplete is to install it from npm or yarn.

使用Vuetify Google Autocomplete的最简单方法是从npm或yarn进行安装。

npm install vuetify-google-autocomplete --save

要么

yarn add vuetify-google-autocomplete

现场演示 (Live Demo)

https://madimetjashika.github.io/vuetify-google-autocomplete/

翻译自: https://vuejsexamples.com/a-vuetify-ready-vue-js-autosuggest-component-for-the-google-places-api/

vue vuetify