vue-dadata-suggestions

Vue component for dadata suggestion

Usage no npm install needed!

<script type="module">
  import vueDadataSuggestions from 'https://cdn.skypack.dev/vue-dadata-suggestions';
</script>

README

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

npm npm

Установка

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