Typedata-suggestions-vue NPM

Vue Typedata

Vue-плагин для сервиса подсказок TypeData.net.

Установка

$ npm install typedata-suggestions-vue --save

Использование

<template>
    <div id="app">
        <typedata-suggestions-vue
                :token="token"
                :on-change="changed"
        />
    </div>
</template>
<script>
    import Vue from 'vue';
    import TypedataSuggestionsVue from '@/typedata-suggestions-vue.vue';

    export default Vue.extend({
        name: 'ServeDev',
        components: {
            TypedataSuggestionsVue
        },
        data() {
            return {
                token: "TOKEN"
            }
        },
        methods: {
            changed(data) {
                console.log(data);
            }
        }
    });
</script>

Свойства

Свойство	Обязательно	Тип	Описание	По умолчанию
token	Да	`string`	Токен авторизации TypeData.net	-
query	Нет	`string`	Заранее вписанный запрос	-
placeholder	Нет	`string`	Placeholder	Введите адрес в свободной форме
titleSuggest	Нет	`string`	Текс над подсказками	Выберите вариант или продолжите ввод:
autoload	Нет	`bool`	Если указан параметр `query`, то автоматически выполнится поиск	false
disabled	Нет	`bool`	Блокирует ввод данный в input	false
inputName	Нет	`string`	Параметр name в input	-
defaultClass	Нет	`string`	CSS класс по-умолчанию	typedata-suggestions-vue
classes	Нет	`string`	список пользовательских классов через пробел	-
onChange	Нет	`function`	Функция, которая возвращает выбранный элемент	-
highlightClassName	Нет	`string`	Имя класса CSS, примененное к выделенному тексту	-
unhighlightClassName	Нет	`string`	Имя класса CSS, примененное к невыделенному тексту	-
highlightTag	Нет	`string`	Тип тега для обертывания вокруг выделенных совпадений; по умолчанию для `mark` но также может быть компонентом	mark