vue-full-autocomplete
Vue Full Autocomplete
Vue Full Autocomplete component for Vue.js
Vue Full Autocomplete provides feature of autocomplete with GET and POST request and listing the results
🎨 Features
Find out all available features on settings props
Live Demo
🚚 Installation
yarn/npm
# npm
npm i vue-full-autocomplete
# yarn
yarn add vue-full-autocomplete
cdn
# latest
https://unpkg.com/vue-full-autocomplete
🚀 Quick Start
<template>
<div>
<button
@click="visible = true; selected_item = {}"
>
Open Popup</button>
<VueFullAutocomplete
ref="VueFullAutocomplete"
:visible="visible"
@close="visible = false"
@selected="selected"
:headers="headers"
url="https://jsonplaceholder.typicode.com/users"
/>
</div>
</template>
<script>
import VueFullAutocomplete from 'vue-full-autocomplete'
export default {
name: 'MyComponent',
components: { VueFullAutocomplete },
data() {
return {
selected_item: {},
visible: false,
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
}
}
},
methods: {
selected(item) {
this.selected_item = item
console.log(item, 'item')
}
}
}
</script>
🔖 License
This software is licensed under the MIT.
Dependencies
Dependencies
@babel/core: ^7.14.6@babel/plugin-proposal-numeric-separator: ^7.18.6@babel/plugin-syntax-jsx: ^7.18.6@babel/preset-env: ^7.14.7@babel/preset-react: ^7.18.6@rollup/plugin-alias: ^3.1.2@rollup/plugin-babel: ^5.3.0@rollup/plugin-commonjs: ^17.0.0@rollup/plugin-node-resolve: ^11.0.1@rollup/plugin-replace: ^2.4.2@vue/cli-plugin-babel: ^4.5.13@vue/cli-service: ^4.5.13@vue/test-utils: ^1.3.3cross-env: ^7.0.3jest: ^26.6.3minimist: ^1.2.5rollup: ^2.52.8rollup-plugin-terser: ^7.0.2rollup-plugin-vue: ^5.1.9vue: ^2.7.14vue-template-compiler: ^2.7.14