vue-dadata-suggestions
Vue компонент для подсказок Dadata.ru
Обзор
Установка
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— emailfms_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.