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. |