КРЕАТИВНЫЕ САЙТЫ И ПРИЛОЖЕНИЯ,
КАЧЕСТВЕННЫЕ WEB-УСЛУГИ
phone

SwDadata

Компонент SwDadata реализация подсказок для DaData.

SwDadata

Подсказки адреса DaData. Логика, ранее в SwSelect, вынесена сюда. Клавиатура: ↑↓, Enter, Escape; поле с clearable.

Свойства / Properties

ИмяТипПо умолчаниюОписание
classString``CSS-класс.
sizeStringlarge'large' / 'small'.
placeholderString``Placeholder.
tokenString``API-ключ DaData (без токена запросы не идут).

Модель / Model

{ text, coords: [lat, lon], suggestion }

Пример

<script setup>
import { ref } from 'vue'
const geo = ref({ text: '', coords: [0, 0], suggestion: null })
const token = '192ee5dbc59f8cdd137089bbe67ba1aa0b9ec5cb'
</script>

<sw-dadata v-model="geo" :token="token" placeholder="Город, улица, дом" size="small" />