GmapAutocomplete
Autocomplete component
[See](source code)
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| bounds | Map bounds this is an LatLngBounds object builded with @value new google.maps.LatLngBounds(...)@see Map Bounds | object | - | undefined |
| componentRestrictions | Restrict the search to a specific country@value \{[key: string]: string\}@see componentRestrictions | object | - | undefined |
| types | Map types this is an array of strings@value string[]@see Map Bounds | array | - | undefined |
| selectFirstOnEnter | Select the first result in the list when press enter keyboard | boolean | true, false | false |
| slotRefName | the unique ref set to the component passed in the slot input | string | - | 'input' |
| childRefName | The name of the ref to obtain the html input element if its a child of component in the slot input very useful whe we use a component like v-text-field of vuetify that has a 'input' ref pointing to the final html input element | string | - | 'input' |
| options | Other options that you can pass to the Google Mapas Autocomplete API @see Options | object | geocode, address, regions | undefined |
| setFieldsTo | To avoid paying for data that you don't need, be sure to use Autocomplete.setFields() to specify only the place data that you will use. @see Place information@see setFields@see PlaceResult | array | - | null |
Events
| Event name | Properties | Description |
|---|---|---|
| place_changed | place object - this.$autocomplete.getPlace() | Place change event |
Slots
| Name | Description | Bindings |
|---|---|---|
| default | Used to set your custom component for the input, eg: v-text-field. |