v-complete

Autocomplete component using Vue 2 and Bootstrap

Component Usage

In your project terminal:

npm i -s mykeels/v-complete

In your Vue script:

import VueComplete from 'v-complete'

Vue.use('v-complete', VueComplete)

In your template html:

<v-complete
  :suggestions="[
    { 'name': 'Bangladesh', 'description': 'Bangladesh' },
    { 'name': 'Lagos', 'description': 'Lagos' }
  ]"
  :limit="5"
  :threshold="0.3"
  value="Lagos"
  placeholder="Select a City"
  ></v-complete>

Build Setup

# install dependencies
npm install

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

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.