vue element version about vue-suggestions HOT 1 OPEN

<template>
    <el-autocomplete
        v-model="localValue"
        @select="handleSelect"
        :fetch-suggestions="fetchSuggestions"
        :trigger-on-focus="false"/>
</template>

<script>
const BASE_URL = 'https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest'
const API_KEY = "XXXXXXXXXXXXXXXXXXXXXXXXX"

export default {
    props: {
        value: String,
        type: {
            type: String,
            required: true,
            validator: function (value) {
                const values = ['fio', 'address', 'party', 'bank', 'email']
                return values.includes(value)
            },
        }
    },
    computed: {
        localValue: {
            get() {
                return this.value
            },
            set(value) {
               this.$emit('input', value);
            }
        },
    },
    methods: {
        async fetchSuggestions(query, callback) {
            const api_url = `${BASE_URL}/${this.type}`
            const headers = {
                'Authorization': `Token ${API_KEY}`,
                'Accept': 'application/json',
                'Content-Type': 'application/json',
            }
            let res = await this.$axios.$post(api_url, {query: query}, {headers: headers})
            callback(res.suggestions)
        },
        handleSelect(value) {
            this.$emit('select', value)
        }
    },
};
</script>

<app-dadata-autocomplete v-model="address" type="address" :select-when-unmatched="true"/>