Vue Dadata

It's a vue component for hinting addresses using DaData.ru.

Link to RU documentation

Install

npm package

$ npm install vue-dadata --save

yarn package

$ yarn add vue-dadata

Usage

Global

import VueDadata from 'vue-dadata'

Vue.use(VueDadata)

Local

<template>
  <div id="app">
    <vue-dadata token="dadata_api_key"></vue-dadata>
  </div>
</template>

<script>
import VueDadata from 'vue-dadata'

export default {
  name: 'VueDadataTest',
  components: {
    'vue-dadata': VueDadata
  }
}
</script>

Properties

| Prop | Required | Type | Description | | ------------- | ------------- | ------------- | ------------- | | token | Yes | string | Auth token DaData.ru | | nativeId | No | string | Native HTML ID | | placeholder | No | string | Text placeholder | | query | No | string | Initial state input field | | autoload | No | boolean | If true, then a request for tips will be initialed in the background in the created hook | | onChange | No | function(suggestion: DadataSuggestion) -> void | Function called when selecting a tooltip | | autocomplete | No | string | Autocomplete field | | defaultClass | No | string | Default class ofr component, default value - vue-dadata | | classes | No | string | Extra classes | | inputName | No | string | Input name attribute | | fromBound | No | string | Dadata bound type FROM | | toBound | No | string | Dadata bound type TO | | highlightClassName | No | string | CSS class name applied to highlighted text | | unhighlightClassName | No | string | CSS class name applied to unhighlighted text | | highlightTag | No | string | Type of tag to wrap around highlighted matches; defaults to mark but can also be a component | | locationOptions | No | object | Location options for choosing cities or countries |

Dependencies

• axios
• core-js
• vue
• vue-class-component
• vue-property-decorator
• vue-highlight-words
• vue-debounce-decorator

Issue Reporting

If you have found a bug or if you have a feature request, please report them at this repository issues section.

ToDo

Show project Vue Dadata

Milestones

Show milestones

Contact me

• Site: ikloster.ru
• E-mail: [email protected]
• Twitter: twitter.com/IvanMonastyrev

Contributors

• Valery Roshett
• Ilya Kiselev

CHANGELOG

CONTRIBUTING

LICENSE

Copyright (c) 2019 Ivan Monastyrev [email protected]. Licensed under the MIT license.