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