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
Все другие ключи будут автоматически браться из поля data, из расширенной информации по результату.
Для получения дочернего поля объекта можно указать всю цепочку вложености:
<dadata-suggestions
v-model="myObject"
type="PARTY"
fieldValue="name.short_with_opf"
/>
В модель будет сохранено значение из data.name.short_with_opf
License
MIT © yzen.dev
