vue-dadata-suggestions

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

• ADDRESS - Список адресов
• PARTY - Организации
• BANK - Банки
• NAME - ФИО
• EMAIL - email
• fms_unit - Кем выдан паспорт
• postal_unit - Почтовые отделения
• fns_unit - Налоговые инспекции
• region_court - Мировые суды
• country - Страны
• currency - Валюты
• okved2 - Виды деятельности (ОКВЭД 2)
• okpd2 - Виды продукции (ОКПД 2)

Виды fieldValue

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

Все другие ключи будут автоматически браться из поля data, из расширенной информации по результату.

Для получения дочернего поля объекта можно указать всю цепочку вложености:

<dadata-suggestions
    v-model="myObject"
    type="PARTY"
    fieldValue="name.short_with_opf"
/>

В модель будет сохранено значение из data.name.short_with_opf

License

MIT © yzen.dev