@lassehaslev/vue-autocomplete

Autocomplete input using Vue

Installation

Run npm install @lassehaslev/vue-autocomplete --save in your project folder

Usage

import {Autocomplete} from '@lassehaslev/vue-autocomplete';
export default {
    template: `
        <autocomplete
            value=""
            placeholder="Type to start autocomplete"
            @selected="onSelected"
            :search="onSearch"
            :adaptor="adaptor"
            name=""></autocomplete>
    `,

    methods: {
        adaptor( data ) {
            return data.data;
        },
        onSearch( query ) {
            return axios.get( 'http://localhost:1337/api/states?q=' + query );
        },

        onSelected( selected ) {
            console.log( selected );
        }
    },

    components: {
        Autocomplete,
    }

}

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.