vue-dadata-suggestions

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

Обзор

Установка

Terminal window
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"
/>
</div>
</template>

С актуальным списком типов подсказок можно ознакомиться на официальном сайте.

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

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