AutoComplete Lacatem

Overview

autocomplete-vue-lacateam

AutoComplete VueJs 2

Installation

$ npm install --save autocomplete-vue-lacateam

Example

import autocomplete from 'autocomplete-vue-lacateam'
    
new Vue({
  el: '#app',,
  components: { autocomplete },
  data () {
    return {
      url: '/searchusers',
      limit: 4,
      placeholder: 'Name|Email',
      bgcolorselect: '#000000'
    }
  },
  methods: {
    callbackdata (data) {            
      console.log(data);
      // data : return data clicked
    }
  }
})
<body id="app">
  <autocomplete 
  url="url" 
  placeholder="placeholder" 
  limit="5"
  :callbackdata="callbackdata" 
  bgcolorselect="bgcolorselect">
   <template scope="item">
      <h4>{{ item.text.name }}</h4>
      <p>{{ item.text.email }}</p>
      <!--default template
         <h4>{{item.value?item.value:item.name}}</h4>
      -->
    </template>
  </autocomplete>
</body>

Props

Name Type Default Required Description
url String true Total itens in server side
callbackdata Function true Returns the selected result
Options
Name String Default Description
bgcolorselect String "#650065" Background Color when select and focus data
placeholder String "Search" PlaceHolder
limit String "3" Limit
fielddatashow String "name" Data show in input
start String "3" Keyword length to start searching
icon String "glyphicon glyphicon-search text-muted" icon of the input control
iconleft String "false" By default, the icon on the right is equivalent to inconleft = "true"
You might also like...
vue autoComplete component

vueto-complete vue autoComplete component Index Features Installation Examples Props Slots Events Styling LICENSE Features Supports full control over

A simple tags input with typeahead (autocomplete) built with Vue.js 2.
A simple tags input with typeahead (autocomplete) built with Vue.js 2.

Vue Tags Input v4 Forked from voerro/vue-tagsinput A simple tags input with typeahead built with Vue.js 2. Installation via NPM npm i @seriouslag/vue-

A simple tags input with typeahead (autocomplete) built with Vue.js 2.
A simple tags input with typeahead (autocomplete) built with Vue.js 2.

Voerro Vue Tags Input v2 A simple tags input with typeahead built with Vue.js 2. Live Demo Installation via NPM npm i @voerro/vue-tagsinput --save-dev

:eight_pointed_black_star: Vue.js simple autocomplete dropdown component

vue-simple-search-dropdown A Vue component for a simple searchable dropdown. No external library is used in this dropdown. Demo Demo here: https://rom

Select with autocomplete, slots, bootstrap and material design themes.
Select with autocomplete, slots, bootstrap and material design themes.

The current version is 3.x, if you are looking for 2.x, you can find it here (also, see breaking changes). Flexible select Demo + Documentation Featur

Autocomplete component for Vue.js

v-autocomplete Autocomplete component for Vue.js This component is css-free. The idea is to be used with any framework. Installation Using yarn yarn a

Autocomplete component for Vue js

vuejs-auto-complete A Vue autocomplete component npm install vuejs-auto-complete --save Usage Installation, add autocomplete component into your app i

Feature-rich autocomplete component for Vue.js
Feature-rich autocomplete component for Vue.js

vue-simple-suggest Simple yet feature-rich autocomplete component for Vue.js Install npm install --save vue-simple-suggest See installation guide for

An autocomplete/typeahead component for Vue 2 and Bootstrap 4
An autocomplete/typeahead component for Vue 2 and Bootstrap 4

vue-bootstrap-typeahead A simple list-group based typeahead/autocomplete using Bootstrap 4 and Vue 2 View The Examples Installation From NPM: npm i

A Vue component for autocomplete email domains
A Vue component for autocomplete email domains

vue-email-dropdown A Vue component for autocomplete email domains Features Allows passing a list of domains to be used in for the suggestions. Allows

A simple tags input with typeahead (autocomplete) built with Vue.js 2.
A simple tags input with typeahead (autocomplete) built with Vue.js 2.

Voerro Vue Tags Input v2 A simple tags input with typeahead built with Vue.js 2. Live Demo Installation via NPM npm i @voerro/vue-tagsinput --save-dev

Places component is based on places.js for Vue 2.x. Turn any input into an address autocomplete.

vue-places Places component is based on places.js for Vue 2.x. Turn any into an address autocomplete Installation # yarn $ yarn add vue-places # npm

Vue.js 2.0 autocomplete

Vue 2.0+ Autocomplete for Atom.io Still under development (might not be stable). Contributions are welcome 😃 Autocomplete Supported tags partial slot

Autocomplete Component for Vue.Js
Autocomplete Component for Vue.Js

vue-autocomplete Autocomplete Component for Vue.Js Intro Vue Autocomplete is a Vue.Js component to make some suggestions for user input. come with .vu

Google Autocomplete Vue Componet
Google Autocomplete Vue Componet

Google Autocomplete I am sharing this component because I was overwhelmed by complicated examples to achieve this simple job. So, I will try to be as

🧱 Very Downshift like autocomplete solution for Vue

Vue Combo Blocks 🧱 Provides all the building blocks needed for accessible autocomplete, combobox, or typeahead component. A very Downshift like autoc

🔍 Google Place Autocomplete Search - Renderless component + Wrappers for Bulma, Bootstrap and more...
🔍 Google Place Autocomplete Search - Renderless component + Wrappers for Bulma, Bootstrap and more...

vue-custom-google-autocomplete Installation You need Vue.js version 2.0+ and an Google PLACE API key. This plugin is a renderless component. It comes

📍 Vue composable for Google Maps Places Autocomplete.

v-use-places-autocomplete 📍 Vue composable for Google Maps Places Autocomplete. Though not a fork, this composable is fully inspired by react-google-

single select dropdown with autocomplete
single select dropdown with autocomplete

vue-single-select simple autocomplete select dropdown component for Vue apps for you! Demo Check it out on CodeSandbox What It Does vue-single-select

Owner
Hoàng Kim Đức
Hoàng Kim Đức
Autocomplete component for Vue js

vuejs-auto-complete A Vue autocomplete component npm install vuejs-auto-complete --save Usage Installation, add autocomplete component into your app i

Charlie Kassel 136 Nov 8, 2022
Feature-rich autocomplete component for Vue.js

vue-simple-suggest Simple yet feature-rich autocomplete component for Vue.js Install npm install --save vue-simple-suggest See installation guide for

Marketplace Technologies 442 Jan 4, 2023
An autocomplete/typeahead component for Vue 2 and Bootstrap 4

vue-bootstrap-typeahead A simple list-group based typeahead/autocomplete using Bootstrap 4 and Vue 2 View The Examples Installation From NPM: > npm i

Alex Urquhart 209 Nov 19, 2022
A Vue component for autocomplete email domains

vue-email-dropdown A Vue component for autocomplete email domains Features Allows passing a list of domains to be used in for the suggestions. Allows

Danny Feliz 27 Nov 24, 2022
Autocomplete Component for Vue.Js

vue-autocomplete Autocomplete Component for Vue.Js Intro Vue Autocomplete is a Vue.Js component to make some suggestions for user input. come with .vu

Naufal Rabbani 210 Jan 18, 2022
Google Autocomplete Vue Componet

Google Autocomplete I am sharing this component because I was overwhelmed by complicated examples to achieve this simple job. So, I will try to be as

Gustavo Ocanto 275 Aug 29, 2022
🧱 Very Downshift like autocomplete solution for Vue

Vue Combo Blocks ?? Provides all the building blocks needed for accessible autocomplete, combobox, or typeahead component. A very Downshift like autoc

Simeon Kerkola 17 Jul 7, 2022
A better vim plugin for stylus, including proper and up-to-date syntax highligting, indentation and autocomplete

Vim Stylus Vim + Stylus = fast, effective and convenient CSS workflow! Features All HTML5 tags and CSS3 props are covered Correct highlighting for int

Ilia Loginov 48 Dec 28, 2022
Vue 2 Component to make Autocomplete element.

Vue 2 Autocomplete Autocomplete component for Vue 2. This is a fork of vue2-autocomplete - Naufal Rabbani [email protected] Install You can imp

Eduardo Aguad 0 Oct 12, 2017
A Vue Autocomplete component with accessibility and simplicity in mind.

VueCompleter A Vue Autocomplete component with accessibility and simplicity in mind. Installation npm install vue-completer or yarn add vue-completer

Tom Elliott 3 Nov 8, 2020