Vuetify-dadata-amosov00 NPM

Vue компонент для подсказок Dadata.ru

Установка

npm

$ npm i vue-dadata-suggestions

Использование

Регистрация компонента

import DadataSuggestions from 'vue-dadata-suggestions'

Vue.use(DadataSuggestions,{
  token: 'YOUR_TOKEN',
  type: 'ADDRESS'
});

...

<dadata-suggestions
    v-model="myObject"
    :fullInfo.sync="myObjectFull"
    field-value="unrestricted_value"
/>

Или

<template>
  <div>
    <dadata-suggestions
        :model.sync="myObject"
        :fullInfo.sync="myObjectFull"
        token="YOUR_TOKEN"
        type="ADDRESS"
        field-value="unrestricted_value"
    />
  OR
    <dadata-suggestions
        v-model="myObject"
        :fullInfo.sync="myObjectFull"
        field-value="unrestricted_value"
        :options="dadataOptions"
    />
  </div>
</template>
<script>
import VueSuggestions from 'vue-suggestions';

 export default {
    data() {
      return {
        myObject : '',
        myObjectFull: {},
        dadataOptions: {
          token: 'YOUR_TOKEN', 
          type:'ADDRESS'
        }
      }
    },
    components: { VueSuggestions }
  }
</script>

С актуальным списком типов подсказов можете ознакомится на оф. сайте https://dadata.ru/suggestions/usage/

Входные параметры

token - API-ключ (Необязательный если его указали в options)
type - Тип подсказок (Необязательный если его указали в options)
fieldValue - Указывает на поле, из которого нужно получать данные
options - Параметры плагина. Со списком можно ознакомится на сайте
fullInfo - В данное поле будет записана полная информация о резельтате поиска

Виды type

Виды fieldValue

unrestricted_value - Строковое значение, например ОВД ЛЕНИНСКОГО РАЙОНА Г. ИВАНОВО
value - Значение, результат поиска, например 370-000