Press "Enter" to skip to content

🔍 Autosuggest Component Built for Vue Library

vue-autosuggest is the minimum automatic component of the input fields.

vue autosuggest example, vue js autocomplete from database, vue simple suggest, vuejs auto complete example, vue js autocomplete from api, vue js autocomplete library

Features:

  • WAI-ARIA complete autosuggest component built with the power of Vue.
  • Full control over rendering with built-in defaults or custom components for rendering.
  • Easily integrate AJAX data fetching for list presentation.
  • Supports multiple sections.
  • No opinions on CSS, full control over styling.
  • Rigorously tested.

Simple Tag Input Using Typeahead Autocomplete Built With Vue.js

How to make use of it:

Install and download:

npm install vue-autosuggest
or
yarn add vue-autosuggest

1. Download Vueautosuggest in your Vue application.

import VueAutosuggest from "vue-autosuggest";
Vue.use(VueAutosuggest);

2. Or locally within a component:

import { VueAutosuggest } from 'vue-autosuggest';
export default {
  ...
  components: {
      VueAutosuggest
  }
  ...
};

3. Put the component in your application!

<vue-autosuggest
    :suggestions="[{data:['Frodo', 'Samwise', 'Gandalf', 'Galadriel', 'Faramir', 'Éowyn']}]"
    :input-props="{id:'autosuggest__input', placeholder:'Do you feel lucky, punk?'}"
    @input="onInputChange"
    @selected="selectHandler"
    @click="clickHandler"
>  
  <template slot-scope="{suggestion}">
    <span class="my-suggestion-item">{{suggestion.item}}</span>
  </template>
</vue-autosuggest>

Vue.js Autosuggest Component, vue-autosuggest Plugin/Github, vuejs auto complete demo


See Demo And Download

Official Website(darrenjennings): Click Here

This superior jQuery/javascript plugin is developed by darrenjennings. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.